@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg: #0f1117;--bg-secondary: #151821;--surface: #1a1d28;--surface-hover: #1f2330;--border: #2a2d3a;--border-light: #333647;--primary: #FF5A1F;--primary-light: rgba(255, 90, 31, .12);--primary-glow: rgba(255, 90, 31, .25);--text: #e8eaed;--text-secondary: #b0b3bc;--text-muted: #6b7082;--green: #34d399;--green-light: rgba(52, 211, 153, .12);--blue: #818cf8;--blue-light: rgba(129, 140, 248, .12);--orange: #FF5A1F;--orange-light: rgba(255, 90, 31, .12);--purple: #a78bfa;--purple-light: rgba(167, 139, 250, .12);--red: #f87171;--red-light: rgba(248, 113, 113, .12);--sidebar-w: 260px;--radius: 16px;--radius-sm: 10px;font-family:Outfit,system-ui,-apple-system,sans-serif;line-height:1.5;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.loading-screen{display:grid;place-items:center;height:100vh;background:var(--bg)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{display:grid;place-items:center;min-height:100vh;background:var(--bg);padding:20px;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);top:-200px;right:-200px;pointer-events:none}.login-page:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(129,140,248,.1) 0%,transparent 70%);bottom:-100px;left:-100px;pointer-events:none}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:48px 40px;width:100%;max-width:420px;box-shadow:0 20px 60px #00000080;position:relative;z-index:1}.login-logo{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:8px}.login-logo h1{font-size:1.5rem;font-weight:700;color:var(--primary)}.logo-icon{width:36px;height:36px;background:var(--primary);border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:1.1rem}.login-subtitle{text-align:center;color:var(--text-muted);font-size:.9rem;margin-bottom:32px}.login-card .form-group{margin-bottom:20px}.login-card label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.login-card input{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:.95rem;transition:border-color .2s;background:var(--bg);color:var(--text)}.login-card input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px var(--primary-light)}.login-card input::placeholder{color:var(--text-muted)}.password-input{position:relative}.password-input input{padding-right:44px}.pass-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.pass-toggle:hover{color:var(--text-secondary)}.login-error{background:var(--red-light);color:var(--red);padding:10px 14px;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:16px;border:1px solid rgba(248,113,113,.2)}.login-btn{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.login-btn:hover{opacity:.9;box-shadow:0 4px 20px var(--primary-glow)}.login-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--bg-secondary);border-right:1px solid var(--border);position:fixed;height:100vh;left:0;top:0;z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:24px 16px}.sidebar-top{display:flex;flex-direction:column;gap:32px}.brand{display:flex;align-items:center;gap:12px;padding:0 8px;font-size:1.15rem;font-weight:700;color:var(--primary)}.nav-menu{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-weight:500;font-size:.95rem;border:none;background:none;width:100%;text-align:left;font-family:inherit;transition:all .15s}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:600}.logout-btn:hover{color:var(--red);background:var(--red-light)}.main-content{margin-left:var(--sidebar-w);flex:1;padding:28px 32px;width:calc(100% - var(--sidebar-w))}.top-header{margin-bottom:28px}.header-title{font-size:1.5rem;font-weight:700}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;align-items:center;gap:16px;transition:border-color .2s}.kpi-card:hover{border-color:var(--border-light)}.kpi-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.kpi-icon.green{background:var(--green-light);color:var(--green)}.kpi-icon.blue{background:var(--blue-light);color:var(--blue)}.kpi-icon.orange{background:var(--orange-light);color:var(--orange)}.kpi-icon.purple{background:var(--purple-light);color:var(--purple)}.kpi-info{display:flex;flex-direction:column}.kpi-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.kpi-value{font-size:1.25rem;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:border-color .2s}.card:hover{border-color:var(--border-light)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3,.card-title{font-size:1.1rem;font-weight:600;margin-bottom:20px}.card-header h3{margin-bottom:0}.grid-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.col-stack{display:flex;flex-direction:column;gap:20px}.form-group{margin-bottom:0}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}input,select,textarea{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:.9rem;color:var(--text);background:var(--bg);transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px var(--primary-light)}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:80px}select{cursor:pointer}select option{background:var(--surface);color:var(--text)}.params-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.month-select{padding:8px 14px;border-radius:99px;font-size:.85rem;font-weight:500;cursor:pointer;width:auto;background:var(--bg)}.range-input{accent-color:var(--primary);cursor:pointer;padding:0;height:6px;margin-top:8px;border:none;background:var(--border);border-radius:3px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-family:inherit;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-primary:hover{opacity:.9;box-shadow:0 4px 16px var(--primary-glow)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--surface-hover);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-weight:500;font-size:.9rem;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:var(--border)}.icon-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:8px;display:grid;place-items:center;transition:all .15s}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn.danger:hover{background:var(--red-light);color:var(--red)}.expense-form{display:flex;gap:10px;align-items:flex-end}.expense-form input,.expense-form select{width:auto;flex:1}.expense-form input:first-child{flex:2}.expense-list{display:flex;flex-direction:column;gap:4px}.expense-item{display:flex;align-items:center;justify-content:space-between;padding:12px 8px;border-radius:var(--radius-sm);transition:background .15s}.expense-item:hover{background:var(--surface-hover)}.expense-left{display:flex;align-items:center;gap:12px}.expense-right{display:flex;align-items:center;gap:10px}.expense-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.expense-icon.orange{background:var(--orange-light);color:var(--orange)}.expense-icon.gray{background:#6b70821f;color:var(--text-muted)}.expense-name{font-weight:600;font-size:.9rem}.expense-cat{font-size:.8rem;color:var(--text-muted)}.expense-amount{font-weight:700;font-size:.95rem}.delete-icon{color:var(--text-muted);cursor:pointer;transition:color .15s}.delete-icon:hover{color:var(--red)}.empty-state{text-align:center;color:var(--text-muted);padding:24px;font-size:.9rem}.pie-center{position:absolute;text-align:center;pointer-events:none}.pie-label{font-size:.75rem;color:var(--text-muted)}.pie-value{font-size:1.1rem;font-weight:700;color:var(--green)}.pie-legend{display:flex;flex-direction:column;gap:10px;margin-top:20px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary)}.legend-val{margin-left:auto;font-weight:600;color:var(--text)}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot.green{background:var(--green)}.dot.orange{background:var(--orange)}.dot.purple{background:var(--purple)}.page-content{min-height:0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title{font-size:1.3rem;font-weight:700}.page-subtitle{font-size:.85rem;color:var(--text-muted);margin-top:2px}.models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.model-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .2s}.model-card:hover{border-color:var(--border-light);box-shadow:0 8px 24px #0000004d}.model-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.model-avatar{width:56px;height:56px;border-radius:14px;background:var(--primary-light);color:var(--primary);display:grid;place-items:center;font-size:1.3rem;font-weight:700;overflow:hidden;flex-shrink:0}.model-avatar img{width:100%;height:100%;object-fit:cover}.model-actions{display:flex;gap:4px}.model-info{margin-bottom:12px}.model-name{font-size:1.05rem;font-weight:600}.model-pseudo{font-size:.85rem;color:var(--text-muted)}.model-salary{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:1.1rem;font-weight:700;color:var(--green)}.model-salary small{font-weight:400;font-size:.8rem;color:var(--text-muted)}.model-notes{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);cursor:pointer}.notes-header{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted);font-weight:500;margin-bottom:4px}.model-notes p{font-size:.85rem;color:var(--text-muted);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.model-notes p.expanded{-webkit-line-clamp:unset}.empty-models{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 20px;color:var(--text-muted);text-align:center}.empty-models h3{color:var(--text);font-size:1.1rem}.empty-models p{font-size:.9rem}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:100;padding:20px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0}.modal-header h3{font-size:1.15rem;font-weight:600}.modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:0 24px 24px}.card canvas{filter:brightness(1)}@media(max-width:1200px){.grid-layout{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sidebar{display:none}.main-content{margin-left:0;width:100%;padding:16px}.kpi-grid,.params-grid{grid-template-columns:1fr}.expense-form{flex-direction:column}.models-grid{grid-template-columns:1fr}.page-header{flex-direction:column;gap:12px;align-items:flex-start}}