:root{--bg:#f4f6fb;--card:#fff;--text:#1f2937;--muted:#6b7280;--primary:#4f46e5;--border:#e5e7eb;--danger:#dc2626}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.muted{color:var(--muted);font-size:14px}.error{color:var(--danger);background:#fee2e2;border-radius:8px;margin:10px 0;padding:10px 12px;font-size:14px}.login-wrap{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{background:var(--card);border-radius:16px;flex-direction:column;gap:6px;width:100%;max-width:380px;padding:32px;display:flex;box-shadow:0 10px 30px #00000014}.login-card h1{color:var(--primary);margin:0}.login-card label{margin-top:10px;font-size:14px}.login-card input{border:1px solid var(--border);border-radius:8px;padding:11px 12px;font-size:15px}.login-card input:focus{outline:2px solid var(--primary);border-color:#0000}button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:11px 16px;font-size:15px}.login-card button{margin-top:14px}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{color:var(--primary);border:1px solid var(--primary);background:0 0;padding:7px 14px}.topbar{background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.brand{color:var(--primary);font-size:20px;font-weight:700}.user{align-items:center;gap:14px;display:flex}.badge{color:var(--primary);background:#eef2ff;border-radius:99px;margin-left:6px;padding:2px 8px}.content{max-width:1100px;margin:0 auto;padding:24px 16px}.cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:24px;display:grid}.card{background:var(--card);border-radius:14px;padding:20px;box-shadow:0 2px 8px #0000000d}.card .num{font-size:26px;font-weight:700}.card.warn .num{color:var(--danger);font-size:22px}.panel{background:var(--card);border-radius:14px;margin-bottom:24px;padding:20px;box-shadow:0 2px 8px #0000000d}.panel h2{margin:0 0 12px;font-size:18px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-size:14px}th{color:var(--muted);font-weight:600}.debt{color:var(--danger);font-weight:600}.logo{object-fit:contain;width:180px;height:180px;margin:0 auto 4px;display:block}.logo-sm{object-fit:contain;border-radius:6px;width:38px;height:38px}.login-card .muted{text-align:center;margin:0 0 8px}.brand{letter-spacing:1px;color:#1e2a5a;align-items:center;gap:10px;display:flex}:root{--primary:#1e2a5a;--gold:#d9a441}.login-card button:not(:disabled):hover{background:#2a3a7a}.card{border-top:3px solid var(--gold)}.badge{color:#8a6a1d;background:#fdf3dc}:root{--primary:#14224f;--gold:#d9a441;--bg:#eef1f8;--text:#14224f;--muted:#5b6485;--border:#e6e9f2}body{background:var(--bg);color:var(--text)}.topbar{background:#14224f;border-bottom:4px solid #d9a441;padding:12px 32px}.brand{color:#fff;letter-spacing:2px;font-family:Georgia,Times New Roman,serif;font-size:22px}.logo-sm{object-fit:contain;background:#fff;border-radius:12px;width:52px;height:52px;padding:3px}.user{color:#e6e9f5}.badge{color:#14224f;background:#d9a441;font-weight:600}button.ghost{color:#f0c36a;background:0 0;border:1px solid #d9a441}button.ghost:hover{background:#d9a44126}.card{border-top:0;box-shadow:0 2px 10px #14224f14}.card:before{content:"";background:#d9a441;border-radius:2px;width:34px;height:4px;margin-bottom:12px;display:block}.card.warn{background:#fff7e6}.card.warn:before{background:#b3261e}.panel{padding:0;overflow:hidden;box-shadow:0 2px 10px #14224f14}.panel h2{margin:0;padding:18px 22px 10px;font-family:Georgia,serif;font-size:20px}th{color:#f0c36a;background:#14224f;padding:11px 22px}td{padding:13px 22px}tbody tr:nth-child(2n){background:#f7f8fc}.login-wrap{background:var(--bg)}.login-card h1,.login-card label{color:#14224f}.app{min-height:100vh;display:flex}.sidebar{background:#14224f;border-right:4px solid #d9a441;flex-direction:column;flex-shrink:0;width:260px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.side-brand{background:#fff;border-radius:16px;margin-bottom:22px;padding:10px}.side-logo{object-fit:contain;width:100%;height:auto;max-height:190px;display:block}.menu{flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.menu-item{text-align:left;color:#d8dcee;background:0 0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:15px;display:flex}.menu-item:hover{color:#fff;background:#ffffff14}.menu-item.active{color:#14224f;background:#d9a441;font-weight:600}.menu-item small{opacity:.7;margin-left:auto;font-size:11px}.side-foot{border-top:1px solid #ffffff26;flex-direction:column;gap:12px;padding-top:14px;display:flex}.side-user{color:#fff;align-items:center;gap:10px;font-size:14px;display:flex}.avatar{color:#14224f;background:#d9a441;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.logout{color:#f0c36a;background:0 0;border:1px solid #d9a441;padding:9px 14px}.logout:hover{background:#d9a44126}.main{flex:1;min-width:0;max-width:1200px;padding:28px 32px}.page-title{margin:0 0 20px;font-family:Georgia,Times New Roman,serif;font-size:26px}.panel.soon{padding:26px 22px}@media (width<=800px){.app{flex-direction:column}.sidebar{border-bottom:4px solid #d9a441;border-right:0;width:100%;height:auto;position:static}.menu{flex-flow:wrap}.menu-item{width:auto}.side-logo{max-height:90px}.main{padding:20px 14px}}.toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.toolbar .muted{margin:0}.btn-gold{color:#14224f;background:#d9a441;font-weight:600}.btn-gold:hover:not(:disabled){background:#e4b457}.btn-light{color:#14224f;background:#e6e9f2}.form-card{border-bottom:1px solid var(--border);background:#f7f8fc;padding:18px 22px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.form-grid label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.form-grid input,.form-grid select{border:1px solid var(--border);color:#14224f;background:#fff;border-radius:8px;padding:10px 12px;font-size:15px}.form-grid input:focus,.form-grid select:focus{border-color:#0000;outline:2px solid #d9a441}.form-actions{gap:10px;margin-top:16px;display:flex}.success{color:#1e7a3c;background:#e7f6ec;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:14px}.avatar-img{object-fit:cover;border:2px solid #d9a441;border-radius:50%;display:block}.avatar-ph{color:#f0c36a;background:#14224f;border-radius:50%;place-items:center;font-weight:700;display:grid}.photo-picker{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.photo-box{text-align:center;color:#5b6485;cursor:pointer;background:#fff;border:2px dashed #d9a441;border-radius:16px;place-items:center;width:120px;height:120px;font-size:13px;display:grid;overflow:hidden}.photo-box img{object-fit:cover;width:100%;height:100%}.link{color:#b3261e;background:0 0;padding:0;font-size:13px}.form-top{flex-wrap:wrap;align-items:flex-start;gap:22px;display:flex}.form-top .form-grid{flex:1;min-width:260px}.actions{gap:8px;display:flex}.actions button{border-radius:8px;padding:6px 12px;font-size:13px}.btn-edit{color:#14224f;background:#e6e9f2}.btn-edit:hover{background:#d6dbec}.btn-del{color:#b3261e;background:#fde8e6}.btn-del:hover{background:#fbd5d1}.edit-note{color:#6b5a2a;background:#fff7e6;border-bottom:1px solid #f0e0b8;padding:10px 22px;font-size:14px}.pill{border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600}.pill.on{color:#1e7a3c;background:#e7f6ec}.pill.off{color:#5b6485;background:#eceff5}.btn-ok{color:#1e7a3c;background:#e7f6ec}.btn-ok:hover{background:#d3eddc}.side-sub{color:#f0c36a;margin-top:3px;font-size:12px}.clickable{cursor:pointer;border-radius:10px;padding:6px}.clickable:hover{background:#ffffff14}.filter-row{color:var(--muted);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 22px;font-size:14px;display:flex}.panel.profile{padding:24px}.panel.profile h2{margin:0 0 6px;padding:0}.panel.profile h3{margin:22px 0 10px;font-size:16px}.profile-head{align-items:center;gap:22px;display:flex}.profile-head>div{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.group-chips{flex-wrap:wrap;gap:8px;display:flex}.group-chips span{background:#eef1f8;border-radius:99px;padding:6px 12px;font-size:14px}.form-hint{color:var(--muted);margin-top:12px;font-size:14px}.month-input{border:1px solid var(--border);color:#14224f;background:#fff;border-radius:8px;padding:8px 12px;font-size:15px}.total-row{text-align:right;border-top:1px solid var(--border);padding:14px 22px;font-weight:700}.att-controls{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:14px;padding:16px 22px;display:flex}.att-controls label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.att-controls select,.att-controls input{border:1px solid var(--border);color:#14224f;background:#fff;border-radius:8px;padding:9px 12px;font-size:15px}.att-stats{color:var(--muted);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:20px;padding:12px 22px;font-size:14px;display:flex}.att-name{align-items:center;gap:12px;display:flex}.seg{gap:6px;display:inline-flex}.seg button{color:#14224f;background:#eef1f8;border-radius:8px;padding:7px 16px;font-size:14px}.seg button.came{color:#fff;background:#1e7a3c}.seg button.absent{color:#fff;background:#b3261e}.export-row{justify-content:space-between;align-items:center;gap:12px;padding-right:22px;display:flex}.export-row>.muted{padding:14px 22px}.btn-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;padding:14px 22px;display:flex}.search-box{flex:1;min-width:260px;max-width:560px;position:relative}.search-box svg{color:var(--muted);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search-box input{border:1px solid var(--border);color:#14224f;background:#fff;border-radius:10px;width:100%;padding:11px 40px;font-size:15px}.search-box input:focus{border-color:#0000;outline:2px solid #d9a441}.search-box .search-clear{color:#14224f;background:#e6e9f2;border-radius:50%;width:26px;height:26px;padding:0;font-size:17px;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-box .search-clear:hover{background:#d6dbec}.search-row{justify-content:flex-end}.search-box{flex:0 320px;min-width:200px;max-width:320px}.link-btn{color:#14224f;font-weight:700;font-size:inherit;text-underline-offset:4px;background:0 0;padding:0;-webkit-text-decoration:underline #d9a441;text-decoration:underline #d9a441}.link-btn:hover{color:#8a6a1d}.panel.group-head{padding:20px 22px}.panel.group-head h2{align-items:center;gap:12px;margin:16px 0;padding:0;font-size:24px;display:flex}.group-head-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.group-facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.group-facts>div{flex-direction:column;gap:4px;display:flex}