@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Inter-Regular-B0QUfDW0.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/Inter-Medium-B0NFony0.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/Inter-SemiBold-_JLwM7Yv.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/Inter-Bold-CytjP_7U.woff2) format("woff2")}:root{--pastel-pink: #FFD6E0;--pastel-peach: #FFDFBA;--pastel-yellow: #FFFACD;--pastel-mint: #BDFCC9;--pastel-sky: #AED9E0;--pastel-lavender: #E0BBE4;--pastel-periwinkle: #C3B1E1;--pastel-cream: #FFF8E7;--pastel-brown: #D4A59A;--pastel-magenta: #F0B8D3;--text-primary: #4A4A4A;--text-secondary: #6B6B6B;--text-muted: #9B9B9B;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);line-height:1.6;min-height:100vh}.app-background{min-height:100vh;background:linear-gradient(135deg,var(--pastel-cream) 0%,var(--pastel-sky) 25%,var(--pastel-lavender) 50%,var(--pastel-pink) 75%,var(--pastel-cream) 100%);background-size:400% 400%;animation:gradientShift 60s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app-container{max-width:1400px;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);margin-bottom:24px;box-shadow:var(--shadow-md)}.header-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px}.header-nav{display:flex;gap:8px}.nav-link{padding:8px 16px;border-radius:var(--radius-sm);text-decoration:none;color:var(--text-secondary);font-weight:500;transition:all .2s ease}.nav-link:hover,.nav-link.active{background:var(--pastel-sky);color:var(--text-primary)}.card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);margin-bottom:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#ffffffe6;padding:20px;border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card.overdue{border-left:4px solid var(--pastel-pink)}.stat-card.due-soon{border-left:4px solid var(--pastel-peach)}.stat-card.pending{border-left:4px solid var(--pastel-yellow)}.stat-card.paid{border-left:4px solid var(--pastel-mint)}.stat-card.action{border-left:4px solid var(--pastel-lavender)}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.btn{padding:10px 20px;border:none;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem}.btn-primary{background:var(--pastel-brown);color:#fff}.btn-primary:hover{background:#c49488}.btn-secondary{background:var(--pastel-sky);color:var(--text-primary)}.btn-secondary:hover{background:#9bccd3}.btn-sm{padding:6px 12px;font-size:.8rem}.form-group{margin-bottom:16px}.form-label{display:block;font-weight:500;margin-bottom:6px;color:var(--text-secondary);font-size:.9rem}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;border:2px solid #e0e0e0;border-radius:var(--radius-sm);font-size:.95rem;transition:border-color .2s ease;background:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--pastel-brown)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 16px;text-align:left;border-bottom:1px solid #eee}.table th{font-weight:600;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.table tr:hover{background:#aed9e033}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.badge-overdue{background:var(--pastel-pink);color:#8b4557}.badge-urgent{background:var(--pastel-peach);color:#8b6914}.badge-soon{background:var(--pastel-yellow);color:#6b6b00}.badge-ok,.badge-paid{background:var(--pastel-mint);color:#2d6b41}.badge-pending{background:var(--pastel-yellow);color:#6b6b00}.badge-action{background:var(--pastel-lavender);color:#6b4a7a}.company-selector{display:flex;align-items:center;gap:12px}.company-dropdown{padding:8px 16px;border:2px solid var(--pastel-sky);border-radius:var(--radius-sm);background:#fff;font-weight:500;cursor:pointer;min-width:200px}.filters-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:16px;background:#ffffffb3;border-radius:var(--radius-md)}.filter-group{display:flex;align-items:center;gap:8px}.filter-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:16px}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:#fffffff2;padding:40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:400px}.login-title{text-align:center;margin-bottom:30px;font-size:1.8rem;color:var(--text-primary)}.text-right{text-align:right}.text-center{text-align:center}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.amount{font-family:SF Mono,Monaco,Consolas,monospace;font-weight:500}.amount-large{font-size:1.25rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:var(--radius-lg);padding:24px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted)}@media (max-width: 768px){.header{flex-direction:column;gap:16px}.header-nav{flex-wrap:wrap;justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}}