@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--bg:#f4f5f7;--panel:#fff;--border:#e3e6ea;--border-strong:#c5ccd6;--text:#0f172a;--text-secondary:#5a6474;--text-muted:#9aa3b0;--sidebar-bg:#0d1017;--sidebar-border:#1b2130;--sidebar-text:#7d8a9a;--sidebar-text-active:#f0f4f8;--sidebar-hover:#ffffff0e;--sidebar-active-bg:#ffffff1a;--sidebar-width:228px;--accent:#5c6bc0;--accent-hover:#4a58ae;--accent-soft:#eef0fc;--success:#0d9668;--success-bg:#ecfdf5;--success-border:#6ee7b7;--success-text:#065f46;--warning:#c47800;--warning-bg:#fffbeb;--warning-border:#fcd34d;--warning-text:#7c4f00;--danger:#d12b2b;--danger-bg:#fef2f2;--danger-border:#fca5a5;--danger-text:#8b1a1a;--info:#2563eb;--info-bg:#eff6ff;--info-border:#93c5fd;--info-text:#1d3c8a;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a12, 0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a14, 0 2px 4px #0f172a0a;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px}*,:before,:after{box-sizing:border-box}html,body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}.layout-root{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);flex-direction:column;flex-shrink:0;height:100vh;min-height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-brand{border-bottom:1px solid var(--sidebar-border);padding:18px 14px 14px}.sidebar-brand a{align-items:center;gap:10px;display:inline-flex}.brand-mark{background:linear-gradient(135deg,#818cf8 0%,#5c6bc0 100%);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.brand-name{color:#e8edf2;letter-spacing:-.025em;font-size:15px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:1px;padding:10px 8px;display:flex;overflow-y:auto}.nav-item{border-radius:var(--radius-sm);color:var(--sidebar-text);cursor:pointer;letter-spacing:-.01em;align-items:center;gap:9px;padding:7px 10px;font-size:13.5px;font-weight:450;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--sidebar-hover);color:#b0bac8}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-text-active);font-weight:500}.nav-icon{opacity:.6;flex-shrink:0;width:15px;height:15px}.nav-item.active .nav-icon{opacity:.9}.sidebar-footer{border-top:1px solid var(--sidebar-border);padding:10px}.sidebar-user{border-radius:var(--radius-sm);align-items:center;gap:9px;padding:7px 8px;display:flex}.user-avatar{color:#64748b;letter-spacing:.02em;background:#1e293b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10.5px;font-weight:700;display:flex}.user-info{flex:1;min-width:0}.user-email{color:#4e5d70;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.sign-out-btn{cursor:pointer;color:#3d4e63;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .12s,background .12s;display:flex}.sign-out-btn:hover{color:#7d8a9a;background:#ffffff0d}.content-area{flex-direction:column;flex:1;min-width:0;display:flex}.page-wrap{flex:1;width:100%;padding:32px 36px}.page-shell{flex-direction:column;gap:24px;display:flex}.page-hero{flex-direction:column;gap:6px;padding-bottom:4px;display:flex}.hero-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:10.5px;font-weight:700}.page-title{color:var(--text);letter-spacing:-.025em;margin:0;font-size:21px;font-weight:650;line-height:1.3}.page-description{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.65}.hero-meta{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.hero-chip{border:1px solid var(--border);box-shadow:var(--shadow-xs);background:#fff;border-radius:20px;align-items:center;gap:5px;padding:4px 11px 4px 7px;font-size:12px;display:inline-flex}.hero-chip strong{color:var(--text);font-size:12.5px;font-weight:700}.hero-chip span{color:var(--text-secondary)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);padding:20px 20px 18px;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, var(--accent) 0%, transparent 100%);opacity:.4;height:2px;position:absolute;top:0;left:0;right:0}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:10px;font-size:10.5px;font-weight:600}.stat-value{color:var(--text);letter-spacing:-.03em;margin-bottom:8px;font-size:28px;font-weight:700;line-height:1}.stat-note{color:var(--text-muted);font-size:12px;line-height:1.5}.cards-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.cards-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);padding:20px}.panel>h3{color:var(--text);letter-spacing:-.01em;margin:0 0 12px;font-size:13.5px;font-weight:600}.panel>p{color:var(--text-secondary);margin:0 0 14px;font-size:13px;line-height:1.6}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.panel-header h3{color:var(--text);letter-spacing:-.01em;margin:0;font-size:13.5px;font-weight:600}.timeline-list{flex-direction:column;gap:14px;display:flex}.timeline-item{grid-template-columns:12px minmax(0,1fr);align-items:start;gap:14px;display:grid}.timeline-marker{background:var(--border-strong);border-radius:999px;width:12px;height:12px;margin-top:6px;box-shadow:0 0 0 4px #f5f7fa}.timeline-item.info .timeline-marker{background:var(--info)}.timeline-item.success .timeline-marker{background:var(--success)}.timeline-item.warning .timeline-marker{background:var(--warning)}.timeline-item.error .timeline-marker{background:var(--danger)}.timeline-content{border:1px solid var(--border);border-radius:var(--radius);background:#fbfcfd;padding:12px 14px}.timeline-topline{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.timeline-topline strong{margin-right:8px;font-size:13.5px;font-weight:600;display:inline-block}.timeline-topline time{color:var(--text-muted);white-space:nowrap;font-size:12px}.timeline-source,.timeline-reference{border:1px solid var(--border);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);background:#fff;border-radius:999px;align-items:center;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.timeline-content p{color:var(--text-secondary);margin:8px 0 10px}.table-wrap{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);overflow:hidden}.table-title{color:var(--text);border-bottom:1px solid var(--border);letter-spacing:-.01em;margin:0;padding:14px 18px;font-size:13.5px;font-weight:600}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;background:#f8f9fb;padding:9px 16px;font-size:10.5px;font-weight:600}td{color:var(--text);vertical-align:middle;border-bottom:1px solid #f0f2f5;padding:11px 16px;font-size:13.5px}tr:last-child td{border-bottom:none}tbody tr:hover td{background:#fafbfc}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;letter-spacing:-.005em;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;line-height:1;text-decoration:none;transition:background .13s,border-color .13s,box-shadow .13s,opacity .13s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 1px 2px #5c6bc040}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 2px 4px #5c6bc04d}.btn.secondary{border-color:var(--border-strong);color:var(--text);box-shadow:var(--shadow-xs);background:#fff}.btn.secondary:hover{background:#f8f9fa;border-color:#a8b2bf}.btn.ghost{border-color:var(--border);color:var(--text-secondary);background:0 0}.btn.ghost:hover{border-color:var(--border-strong);color:var(--text);background:#f6f7f9}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff;box-shadow:0 1px 2px #d12b2b33}.btn.danger:hover{background:#b52424;border-color:#b52424}.btn.sm{padding:5px 10px;font-size:12px}.link-btn,.inline-block{display:inline-block}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:500;transition:color .12s}.link-btn:hover{color:var(--accent-hover);text-underline-offset:2px;text-decoration:underline}.stack{flex-direction:column;gap:14px;display:flex}.stack-large{flex-direction:column;gap:24px;display:flex}.field{flex-direction:column;gap:5px;display:flex}.field>label,.field>span{color:var(--text-secondary);letter-spacing:.01em;font-size:12px;font-weight:500}input,select,textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;font:inherit;color:var(--text);appearance:none;background:#fff;outline:none;padding:8px 11px;font-size:13.5px;transition:border-color .13s,box-shadow .13s}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5c6bc01a}textarea{resize:vertical;min-height:100px}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%239aa3b0' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.inline-form{grid-template-columns:1.5fr .7fr auto;align-items:end;gap:10px;display:grid}.status-pill{letter-spacing:.025em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.status-pill:before{content:"";border-radius:50%;flex-shrink:0;width:5px;height:5px}.status-pill.open,.status-pill.active{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.status-pill.open:before,.status-pill.active:before{background:#3b82f6}.status-pill.paid,.status-pill.resolved,.status-pill.clear,.status-pill.ok{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.status-pill.paid:before,.status-pill.resolved:before,.status-pill.clear:before,.status-pill.ok:before{background:#10b981}.status-pill.failed,.status-pill.overdue{color:#991b1b;background:#fef2f2;border-color:#fecaca}.status-pill.failed:before,.status-pill.overdue:before{background:#ef4444}.status-pill.draft,.status-pill.pending,.status-pill.pending_review,.status-pill.in_review{color:#78350f;background:#fffbeb;border-color:#fde68a}.status-pill.draft:before,.status-pill.pending:before,.status-pill.pending_review:before,.status-pill.in_review:before{background:#f59e0b}.status-pill.closed,.status-pill.void,.status-pill.voided{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.status-pill.closed:before,.status-pill.void:before,.status-pill.voided:before{background:#94a3b8}.banner{border-radius:var(--radius-sm);border:1px solid;align-items:center;gap:10px;padding:11px 15px;font-size:13px;line-height:1.5;display:flex}.banner:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.banner.info{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}.banner.info:before{background:var(--info)}.banner.warn{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.banner.warn:before{background:var(--warning)}.banner.danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.banner.danger:before{background:var(--danger)}.banner.ok{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.banner.ok:before{background:var(--success)}.auth-page,.center-page{background:var(--bg);place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);width:min(420px,100%);box-shadow:var(--shadow-md);padding:36px 32px 32px}.auth-card h1{letter-spacing:-.03em;color:var(--text);margin:0 0 4px;font-size:20px;font-weight:700}.auth-card>.muted{color:var(--text-secondary);margin-bottom:24px;font-size:13px;display:block}.message-list{flex-direction:column;gap:10px;max-height:460px;padding:2px 0;display:flex;overflow-y:auto}.message{border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.message.user{background:#f4f8ff;border-color:#c7dcff}.message.admin{background:#fdfaf4;border-color:#f0dfa0}.message-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.message-head strong{color:var(--text);font-size:12px;font-weight:600}.muted{color:var(--text-secondary);font-size:13px}.small{font-size:12.5px}.error{color:var(--danger);font-size:13px}.clean-list{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.clean-list li{color:var(--text-secondary);font-size:13.5px;line-height:1.5}.actions-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.definition-list{flex-direction:column;gap:0;display:flex}.definition-item{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:baseline;gap:16px;padding:8px 0;font-size:13.5px;display:flex}.definition-item:last-child{border-bottom:none}.definition-item>span{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-weight:450}.definition-item>strong{color:var(--text);text-align:right;word-break:break-all;font-weight:500}.panel>.table-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:none;margin-top:4px}input[type=checkbox],input[type=radio]{width:auto;box-shadow:none;accent-color:var(--accent);cursor:pointer;border:none;flex-shrink:0;padding:0}input[type=checkbox]:focus,input[type=radio]:focus{box-shadow:none;border:none}label.inline-form{grid-template-columns:unset;color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:13.5px;display:flex}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);letter-spacing:.01em;padding:14px;font-size:11.5px}@media (max-width:1024px){.page-wrap{padding:24px 22px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.sidebar{display:none}.page-wrap{padding:20px 16px}.cards-3,.inline-form{grid-template-columns:1fr}}@media (max-width:600px){.stats-grid{grid-template-columns:1fr}}