:root{color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface-bg:#f3f4f6;--surface-1:#fff;--surface-2:#0f172a;--surface-hover:#34d39914;--text-primary:#0f172a;--text-muted:#64748b;--border-subtle:#e2e8f0;--accent-strong:#0ea5e9;--accent-soft:#0ea5e91f;--card-shadow:0 8px 30px #0f172a14;background-color:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:var(--surface-bg);color:var(--text-primary);margin:0}a{color:inherit}h1,h2,h3{margin:0}button{font-family:inherit}.page-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.page-header__title{font-size:22px;font-weight:700}.page-header__subtitle{color:var(--text-muted);font-size:14px}.card{background:var(--surface-1);border:1px solid var(--border-subtle);box-shadow:var(--card-shadow);border-radius:16px;padding:16px}.card__title{margin-bottom:8px;font-weight:700}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.kpi{flex-direction:column;gap:6px;display:flex}.kpi__label{color:var(--text-muted);font-size:12px}.kpi__value{font-size:24px;font-weight:800}.pill{background:var(--surface-bg);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;display:inline-flex}.status-open{color:#0369a1;background:#0ea5e91a;border-color:#0000}.status-paid{color:#047857;background:#34d39926;border-color:#0000}.status-late{color:#b91c1c;background:#f8717126;border-color:#0000}.status-cancelled{color:#334155;background:#64748b26;border-color:#0000}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border-subtle);padding:10px 8px}.table th{color:var(--text-muted);letter-spacing:.4px;text-transform:uppercase;font-size:12px}.table-actions{align-items:center;gap:8px;display:flex}.btn{cursor:pointer;background:var(--accent-strong);color:#fff;border:none;border-radius:10px;padding:10px 14px;font-weight:600;transition:filter .15s}.btn.secondary{background:#0f172a}.btn.ghost{color:var(--text-primary);border:1px solid var(--border-subtle);background:0 0}.btn:hover{filter:brightness(.95)}.form{gap:12px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field label{font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--border-subtle);border-radius:10px;padding:10px 12px;font-size:14px}.stack{flex-wrap:wrap;gap:12px;display:flex}.app-shell{background:var(--surface-bg);min-height:100vh;color:var(--text-primary);display:flex}.sidebar{background:var(--surface-2);border-right:1px solid var(--border-subtle);flex-direction:column;gap:24px;width:240px;padding:20px 16px;display:flex}.sidebar__brand{align-items:center;gap:12px;display:flex}.brand__dot{background:linear-gradient(135deg,#34d399,#22d3ee);border-radius:12px;width:32px;height:32px}.brand__title{color:var(--surface-bg);letter-spacing:.2px;font-weight:700}.brand__subtitle{color:var(--text-muted);font-size:12px}.sidebar__nav{flex-direction:column;gap:6px;display:flex}.nav-link{color:var(--surface-bg);border-radius:10px;padding:10px 12px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.nav-link:hover{background:var(--surface-hover)}.nav-link.active{background:var(--accent-soft);color:var(--accent-strong);border:1px solid var(--accent-strong)}.main{flex-direction:column;flex:1;display:flex}.topbar{border-bottom:1px solid var(--border-subtle);background:var(--surface-1);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.topbar__title{font-weight:700}.topbar__subtitle{color:var(--text-muted);font-size:12px}.topbar__session{align-items:center;gap:12px;display:flex}.avatar{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-strong);border-radius:12px;place-items:center;font-weight:700;display:grid}.session__meta{flex-direction:column;line-height:1.2;display:flex}.session__name{font-weight:600}.session__role{color:var(--text-muted);font-size:12px}.ghost-button{border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:10px;padding:8px 12px}.ghost-button:hover{border-color:var(--accent-strong)}.content{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex}