:root{--bg:#f4f2ec;--panel:#ffffffe6;--line:#dfd7c8;--text:#241f17;--muted:#6b6357;--accent:#1f6b4f;--accent-soft:#e4f0e9;--warning:#a86118;--warning-soft:#fff1de;--success:#2f6b47;--shadow:0 18px 40px #2c1f0c14;--radius:18px}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:var(--text);background:radial-gradient(circle at 100% 0,#3875531f,#0000 28%),linear-gradient(#fbfaf6 0%,#f4f2ec 52%,#efebe2 100%)}body,button,input,select,textarea{font-family:var(--font-sans), sans-serif;font-family:Aptos,Segoe UI,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #1f6b4f99}.app-frame{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf399;border-right:1px solid #55472c14;height:100vh;padding:24px 18px;position:sticky;top:0}.brand-block{box-shadow:var(--shadow);background:linear-gradient(135deg,#ffffffe0,#f5f1e8f2);border:1px solid #4c3e271a;border-radius:24px;padding:18px}.eyebrow{text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:700}.muted{color:var(--muted);margin:4px 0 0}.sidebar-nav{flex-direction:column;gap:8px;margin-top:22px;display:flex}.sidebar-link,.sidebar-footnote{color:var(--muted);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.sidebar-link-active{color:var(--accent);background:var(--accent-soft);font-weight:700}.sidebar-footnote{margin-top:12px;font-size:13px}.content-area{padding:24px}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.topbar-actions{align-items:center;gap:12px;display:flex}.user-chip{border:1px solid var(--line);color:var(--muted);background:#fffc;border-radius:999px;padding:10px 14px}.page-body{flex-direction:column;gap:20px;margin-top:22px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card,.page-section,.list-card,.empty-state,.login-panel{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #4f3e2014}.metric-card{padding:18px}.metric-default{background:linear-gradient(#ffffffeb,#faf6eeeb)}.metric-success{background:linear-gradient(#e4f0e9f2,#ffffffeb)}.metric-warning{background:linear-gradient(#fff1def2,#ffffffeb)}.metric-label{color:var(--muted);margin:0;font-size:13px}.metric-value{margin:10px 0 0;font-family:IBM Plex Mono,Consolas,monospace;font-size:30px;font-weight:700}.metric-detail{color:var(--muted);margin-top:10px;font-size:13px}.two-col,.detail-grid,.list-grid,.form-grid,.form-grid-compact{gap:20px;display:grid}.two-col{grid-template-columns:380px minmax(0,1fr)}.detail-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.page-section{padding:20px}.section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.section-head p{color:var(--muted);margin:6px 0 0}.stack{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:13px}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffffe0;border-radius:14px;padding:12px 14px}.field textarea{resize:vertical;min-height:110px}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;display:inline-flex}.button-primary{color:#fff;background:linear-gradient(135deg,#215f47,#2f7b5c)}.button-secondary{color:var(--text);border-color:var(--line);background:#ffffffd1}.button-small{min-height:36px;padding:0 12px;font-size:13px}.button:disabled{opacity:.6}.login-screen{background:radial-gradient(circle at top,#2f7b5c2e,#0000 32%),linear-gradient(160deg,#f6f0df 0%,#f8f6ef 48%,#eef3ea 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:#ffffffeb;border-radius:28px;grid-template-columns:1.05fr .95fr;width:min(920px,100%);display:grid;overflow:hidden;box-shadow:0 32px 90px #17261f1f}.login-brand{color:#fff;background:linear-gradient(160deg,#215f47fa,#123829f2);flex-direction:column;justify-content:center;gap:14px;padding:48px;display:flex}.login-brand .muted{color:#ffffffc2}.login-panel{flex-direction:column;justify-content:center;gap:18px;padding:48px;display:flex}.login-button{width:100%}.notice{border:1px solid var(--line);border-radius:16px;padding:12px 14px;font-size:14px}.notice-error{color:#8a2f2f;background:#fff1f1;border-color:#efc8c8}@media (max-width:820px){.login-card{grid-template-columns:1fr}.login-brand,.login-panel{padding:32px 24px}}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #705c341f;padding:14px 12px}th{text-transform:uppercase;color:var(--muted);font-size:12px}.pill{color:#645636;background:#efe9da;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.list-card{padding:18px}.list-card p{margin:6px 0 0}.alert{border-radius:14px;padding:14px 16px;font-size:14px}.alert-warning{background:var(--warning-soft);color:var(--warning)}.alert-success{background:var(--accent-soft);color:var(--success)}.empty-state{text-align:center;padding:28px}.empty-state p{color:var(--muted)}.kpi-line{border-bottom:1px solid #705c341f;justify-content:space-between;gap:12px;padding:12px 0;display:flex}.kpi-line:last-child{border-bottom:0}.kpi-link:hover{color:var(--accent)}.two-col-analytics{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.metric-link{display:block}.dashboard-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.dashboard-tile{border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);border:1px solid #4f3e2014;flex-direction:column;gap:6px;padding:18px;display:flex}.dashboard-tile:hover{border-color:#1f6b4f4d;transform:translateY(-1px)}.dashboard-tile span{color:var(--muted);font-size:13px}.section-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.year-switch{flex-wrap:wrap;gap:8px;display:flex}.calendar-head{border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);border:1px solid #4f3e2014;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.calendar-shell{border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);border:1px solid #4f3e2014;padding:20px}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.calendar-weekdays{color:var(--muted);text-align:center;margin-bottom:10px;font-size:12px;font-weight:700}.calendar-cell{background:#ffffffb8;border:1px solid #0000;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;min-height:88px;padding:10px 8px;display:flex}.calendar-cell-active{border-color:var(--line)}.calendar-cell-selected{border-color:var(--accent);background:var(--accent-soft)}.calendar-cell-empty{background:0 0}.calendar-day{font-weight:700}.calendar-dot-row{gap:4px;display:flex}.calendar-dot{border-radius:999px;width:8px;height:8px}.calendar-dot-paid{background:var(--success)}.calendar-dot-pending{background:var(--warning)}.card-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.card-actions form{display:inline-flex}.checkbox-line{align-items:center;gap:8px;display:flex}.modal-backdrop{z-index:50;background:#1a150e59;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-panel{border-radius:var(--radius);width:min(760px,100%);max-height:90vh;box-shadow:var(--shadow);background:#fbfaf6;border:1px solid #4f3e2014;padding:20px;overflow:auto}.planning-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;display:grid}@media (max-width:1100px){.app-frame{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #55472c14;border-right:0;height:auto;position:static}.metric-grid,.two-col,.two-col-analytics,.detail-grid,.list-grid,.form-grid,.form-grid-compact,.dashboard-tiles,.planning-grid{grid-template-columns:1fr}}@media (max-width:720px){.content-area,.sidebar{padding:18px}.topbar{flex-direction:column}.topbar-actions{flex-wrap:wrap;width:100%}}