@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap";:root{--blue: #3B82F6;--blue-light: #60A5FA;--blue-dark: #2563EB;--ink: #0A0A0F;--ink-mid: #111118;--ink-lift: #1A1A24;--ink-border: #252535;--text: #F0F2F5;--text-dim: #94A3B8;--muted: #6B7280;--danger: #F87171;--danger-soft: rgba(248,113,113,.12);--success: #4ade80;--success-soft:rgba(74,222,128,.12);--gold: #C99A3B;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", -apple-system, Segoe UI, Roboto, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Consolas, monospace;--r: 4px;--r-lg: 10px}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font-body);background:var(--ink);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(59,130,246,.12),transparent 42%),radial-gradient(circle at 85% 88%,rgba(96,165,250,.08),transparent 45%),var(--ink)}.auth-card{position:relative;z-index:1;background:var(--ink-mid);border:1px solid var(--ink-border);padding:2.75rem 2.5rem 2.25rem;border-radius:var(--r-lg);box-shadow:0 0 0 1px #3b82f60a,0 24px 64px #0000008c;width:380px}.auth-mark{display:flex;align-items:center;gap:.55rem;margin-bottom:1.7rem}.auth-mark .dot{width:9px;height:9px;border-radius:2px;background:var(--blue);transform:rotate(45deg);box-shadow:0 0 12px #3b82f699}.auth-mark span{font-family:var(--font-body);font-weight:700;font-size:.8rem;letter-spacing:.18em;color:var(--text);text-transform:uppercase}.auth-card h1{font-family:var(--font-display);font-size:1.7rem;font-weight:700;margin:0 0 .4rem;color:var(--text)}.auth-card form{display:flex;flex-direction:column;gap:.15rem}.muted{color:var(--text-dim);font-size:.88rem;line-height:1.55}label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-top:1rem;margin-bottom:.4rem;color:#60a5fabf;display:block}input,select,textarea{width:100%;padding:.7rem .8rem;border:1px solid var(--ink-border);border-radius:var(--r);font-size:.92rem;font-family:var(--font-body);background:var(--ink-lift);color:var(--text);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .18s,box-shadow .18s}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,select:focus,textarea:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f614}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2360A5FA' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;padding-right:2.4rem}textarea{resize:vertical;min-height:90px}button{font-family:var(--font-body);font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:.7rem 1.2rem;background:var(--ink-lift);color:var(--text);border:1px solid var(--ink-border);border-radius:var(--r);cursor:pointer;transition:background .18s,border-color .18s,transform .12s,box-shadow .2s}button:hover{border-color:var(--blue);background:#3b82f60f}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}button.primary{background:linear-gradient(90deg,var(--blue) 0%,var(--blue-light) 50%,var(--blue) 100%);background-size:200% auto;color:#000;border:none}button.primary:hover{background-position:right center;box-shadow:0 8px 28px #3b82f647;transform:translateY(-1px)}button.ghost{background:transparent}.error-text{background:var(--danger-soft);color:var(--danger);font-size:.82rem;padding:.6rem .75rem;border-radius:var(--r);margin-top:.9rem;border:1px solid rgba(248,113,113,.25);text-transform:none;letter-spacing:0}.shell{display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{width:236px;flex-shrink:0;background:var(--ink-mid);border-right:1px solid var(--ink-border);display:flex;flex-direction:column;padding:1.5rem 1.1rem}.sidebar .auth-mark{margin-bottom:2.4rem;padding-left:.2rem}.side-nav{display:flex;flex-direction:column;gap:.15rem;flex:1}.side-nav a{text-decoration:none;color:var(--text-dim);font-size:.82rem;font-weight:500;letter-spacing:.02em;padding:.65rem .8rem;border-radius:var(--r);border-left:2px solid transparent;transition:background .18s,color .18s,border-color .18s}.side-nav a:hover{color:var(--text);background:#3b82f60f}.side-nav a.active{color:var(--blue-light);background:#3b82f61a;border-left-color:var(--blue);font-weight:600}.sidebar-footer{border-top:1px solid var(--ink-border);padding-top:1.1rem;margin-top:1rem}.user-pill{display:block;font-size:.74rem;color:var(--muted);margin-bottom:.7rem;line-height:1.4;text-transform:capitalize}.user-pill strong{display:block;color:var(--text);font-size:.85rem;font-weight:600}.sidebar-footer button{width:100%}.content{flex:1;min-width:0}.page{max-width:1180px;margin:0 auto;padding:2.4rem 2.6rem 4rem}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.8rem;flex-wrap:wrap;gap:.8rem}.page h1{font-family:var(--font-display);font-size:1.9rem;font-weight:700;margin:0;color:var(--text);line-height:1.1}.eyebrow{display:flex;align-items:center;gap:.55rem;text-transform:uppercase;letter-spacing:.2em;font-size:.66rem;font-weight:600;color:var(--blue);margin:0 0 .55rem}.eyebrow:before{content:"";display:block;width:20px;height:1px;background:var(--blue)}.card{background:var(--ink-mid);border:1px solid var(--ink-border);border-radius:var(--r-lg)}.inline-card{padding:1.6rem 1.7rem;max-width:480px;margin-bottom:2rem;position:relative;overflow:hidden}.inline-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue-dark),var(--blue-light));opacity:.8}.inline-card h3{font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin:0 0 .25rem;color:var(--text)}.filters{display:flex;gap:.6rem;margin-bottom:1.3rem;flex-wrap:wrap}.filters select,.filters input{width:auto}.filters input{min-width:240px;flex:1}.table-wrap{background:var(--ink-mid);border:1px solid var(--ink-border);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 18px 48px #00000059}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--text);background:var(--ink-lift);padding:.85rem .95rem;border-bottom:1px solid var(--ink-border)}.table td{padding:.75rem .95rem;border-bottom:1px solid var(--ink-border);font-size:.86rem;color:var(--text-dim)}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background .16s}.table tbody tr:hover td{background:#3b82f60a}.table a{text-decoration:none;color:var(--blue-light);font-weight:600;transition:color .15s}.table a:hover{color:var(--blue)}.table .date-cell{font-family:var(--font-mono);font-size:.78rem;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .6rem;border-radius:20px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--ink-lift);color:var(--text-dim)}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge-new{background:#3b82f61f;color:var(--blue-light)}.badge-contacted{background:#c99a3b24;color:var(--gold)}.badge-qualified{background:var(--success-soft);color:var(--success)}.badge-closed{background:#94a3b81f;color:var(--text-dim)}.badge-spam{background:var(--danger-soft);color:var(--danger)}.grid-2{display:grid;grid-template-columns:1.5fr 1fr;gap:1.6rem;margin-top:1.2rem;align-items:start}.detail-panel{padding:1.6rem 1.7rem;position:relative;overflow:hidden}.detail-panel h3{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text);margin:0 0 1.1rem}.kv-table{width:100%;border-collapse:collapse}.kv-table td{padding:.55rem 0;border-bottom:1px solid var(--ink-border);font-size:.86rem;vertical-align:top;color:var(--text)}.kv-table tr:last-child td{border-bottom:none}.kv-table td:first-child{font-weight:600;color:var(--muted);width:150px;text-transform:uppercase;font-size:.68rem;letter-spacing:.06em;padding-top:.65rem}.back-link{font-size:.8rem;font-weight:600;color:var(--text-dim);text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;transition:color .15s}.back-link:hover{color:var(--blue-light)}.role-pill{display:inline-block;padding:.15rem .55rem;border-radius:12px;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.role-pill.admin{background:#3b82f624;color:var(--blue-light)}.role-pill.employee{background:#94a3b81f;color:var(--text-dim)}.status-dot{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem}.status-dot:before{content:"";width:7px;height:7px;border-radius:50%}.status-dot.active:before{background:var(--success);box-shadow:0 0 8px #4ade8099}.status-dot.inactive:before{background:var(--muted)}.empty-state{text-align:center;padding:3.5rem 2rem;color:var(--text-dim);background:var(--ink-mid);border:1px dashed var(--ink-border);border-radius:var(--r-lg);font-size:.9rem}@media (max-width: 860px){.shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center;padding:.9rem 1.2rem;border-right:none;border-bottom:1px solid var(--ink-border)}.sidebar .auth-mark{margin-bottom:0;margin-right:1rem}.side-nav{flex-direction:row}.side-nav a{border-left:none;border-bottom:2px solid transparent}.side-nav a.active{border-left:none;border-bottom-color:var(--blue)}.sidebar-footer{display:none}.grid-2{grid-template-columns:1fr}.page{padding:1.5rem}}