*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-lt:#eef2ff;--success:#34d399;--warning:#f59e0b;--danger:#ef4444;--bg:#f8f9fa;--surface:#fff;--border:#e5e7eb;--text:#111827;--muted:#6b7280;--light:#9ca3af;--radius:10px;--sidebar-w:220px}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:10;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-logo{border-bottom:1px solid var(--border);padding:20px 20px 16px;font-size:18px;font-weight:800}.sidebar-logo span{color:var(--primary)}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex}.nav-link{color:var(--muted);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-link:hover,.nav-link.active{background:var(--primary-lt);color:var(--primary)}.sidebar-footer{border-top:1px solid var(--border);color:var(--muted);padding:16px;font-size:13px}.main{margin-left:var(--sidebar-w);flex:1;padding:28px 32px}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.page-title{font-size:20px;font-weight:700}.page-sub{color:var(--muted);margin-top:2px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px}.stat-value{font-size:26px;font-weight:700}.stat-sub{color:var(--muted);margin-top:2px;font-size:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:2px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:11px}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px}tr:last-child td{border-bottom:none}tr:hover td{background:#fafafa}.badge{border-radius:20px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-draft{color:var(--muted);background:#f3f4f6}.badge-generated{color:#92400e;background:#fef3c7}.badge-confirmed{color:#065f46;background:#d1fae5}.badge-signed{color:#5b21b6;background:#ede9fe}.badge-pending{color:#991b1b;background:#fee2e2}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.filter-btn{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:13px;transition:all .15s}.filter-btn:hover,.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:opacity .15s;display:inline-flex}.btn:hover{opacity:.85}.btn-primary{background:var(--primary);color:#fff}.btn-ghost{color:var(--muted);border:1px solid var(--border);background:0 0}.btn-danger{color:var(--danger);background:#fef2f2;border:1px solid #fca5a5}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}label{font-size:13px;font-weight:600}input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number]{border:1px solid var(--border);border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .15s}input:focus{border-color:var(--primary)}.error-msg{color:var(--danger);border-left:3px solid var(--danger);background:#fef2f2;border-radius:8px;padding:10px 14px;font-size:13px}.login-wrap{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:400px;padding:36px}.login-logo{text-align:center;margin-bottom:4px;font-size:22px;font-weight:800}.login-logo span{color:var(--primary)}.login-sub{color:var(--muted);text-align:center;margin-bottom:28px;font-size:13px}.otp-hint{color:var(--muted);text-align:center;margin-bottom:16px;font-size:13px}.empty{text-align:center;color:var(--muted);padding:60px}.search-input{border:1px solid var(--border);border-radius:8px;outline:none;width:260px;padding:8px 14px;font-size:14px}.search-input:focus{border-color:var(--primary)}