.auth-screen{min-height:100vh;display:flex}.auth-hero{flex:1.1;position:relative;overflow:hidden;background:linear-gradient(155deg,var(--black2) 0%,#0D2338 55%,#0A1B2C 100%);display:flex;align-items:stretch}.auth-hero-glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.35}.auth-hero-glow-1{width:420px;height:420px;background:var(--gold3);top:-120px;right:-100px;animation:float1 12s ease-in-out infinite}.auth-hero-glow-2{width:320px;height:320px;background:var(--gold2);bottom:-80px;left:-60px;animation:float2 15s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(-30px,40px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.auth-hero-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:56px 60px}.auth-hero-top{display:flex;align-items:center;gap:12px}.auth-hero-mark{width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,var(--gold2),var(--gold3));display:flex;align-items:center;justify-content:center;color:#fff;font-size:19px}.auth-hero-brand{color:#fff;font-size:15px;font-weight:600;letter-spacing:.01em}.auth-hero-mid{max-width:480px}.auth-hero-quote-mark{font-family:Cormorant Garamond,serif;font-size:64px;color:var(--gold3);opacity:.5;line-height:.5;margin-bottom:8px}.auth-hero-quote{font-family:Cormorant Garamond,serif;font-size:30px;line-height:1.4;color:#fff;font-weight:500}.auth-hero-bottom{color:#b8c7da}.auth-hero-time{font-family:DM Mono,monospace;font-size:34px;font-weight:500;color:#fff;letter-spacing:.02em}.auth-hero-date{font-size:13px;margin-top:2px;color:#8fafd1}.auth-form-side{flex:1;display:flex;align-items:center;justify-content:center;background:var(--ivory);padding:24px}.auth-card{width:360px;text-align:center}.logo-mark-lg{width:56px;height:56px;margin:0 auto 18px;background:linear-gradient(135deg,var(--gold2),var(--gold3));border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;box-shadow:0 8px 20px #1f5fa840}.auth-card h1{margin-bottom:4px;font-size:28px}.auth-sub{color:var(--text3);font-size:13px;margin-bottom:28px}.auth-fld{text-align:left;margin-bottom:16px}.auth-fld label{font-size:11.5px;color:var(--text3);display:block;margin-bottom:6px;font-weight:500}.auth-fld input{width:100%;background:var(--ivory3);border:1px solid var(--border2);border-radius:9px;padding:11px 13px;font-size:13.5px;outline:none;transition:border-color .15s,box-shadow .15s}.auth-fld input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #2e75b61f}.auth-err{color:var(--red);font-size:12px;margin-bottom:12px;text-align:left;background:#c0392b0d;border:1px solid #C0392B25;border-radius:7px;padding:8px 11px}.auth-btn{width:100%;background:linear-gradient(135deg,var(--gold2),var(--gold3));border:none;border-radius:9px;padding:13px;font-size:13.5px;font-weight:600;cursor:pointer;color:#fff;box-shadow:0 4px 14px #1f5fa847;transition:transform .1s,box-shadow .15s}.auth-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #1f5fa859}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{opacity:.7;cursor:default}.auth-footer-note{margin-top:22px;font-size:11.5px;color:var(--text4);font-style:italic}@media (max-width: 880px){.auth-hero{display:none}.auth-form-side{flex:1}}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;max-width:100vw}:root{--ivory:#FFFFFF;--ivory2:#F7F9FC;--ivory3:#EEF3F9;--ivory4:#E3EBF5;--gold:#2E75B6;--gold2:#1F5FA8;--gold3:#5B9BD5;--gold-light:#DCEBF7;--black:#0A0A0A;--black2:#14324F;--text:#0A0A0A;--text2:#3A3A3A;--text3:#6B6B6B;--text4:#9A9A9A;--border2:#2E75B635;--border3:#2E75B655;--sidebar-w:230px;--red:#C0392B;--green:#1A7A4A;--amber:#B8730A}body{background:var(--ivory);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif;font-size:14px;overflow-x:hidden}h1{font-family:Cormorant Garamond,serif;font-size:26px;font-weight:600}h2{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:600}.accent{color:var(--gold)}.app-shell{display:flex}.sidebar{width:var(--sidebar-w);background:var(--black2);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto}.logo{padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px}.logo-mark{width:36px;height:36px;background:linear-gradient(135deg,var(--gold2),var(--gold3));border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,serif;font-weight:700;font-size:16px;color:#fff;box-shadow:0 2px 8px #1f5fa859}.logo-text{font-size:15px;font-weight:600;color:#fff;letter-spacing:-.2px}.logo-badge{font-size:9px;color:#8fafd1;font-family:DM Mono,monospace;letter-spacing:.06em}nav{flex:1;padding:12px 10px}nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:#aec6e0;text-decoration:none;font-size:13px;font-weight:500;margin-bottom:2px;transition:background .15s,color .15s}nav a:hover{background:#ffffff0f;color:#fff}nav a.active{background:#5b9bd52e;color:#8fc1ff;border-left:2px solid var(--gold3);padding-left:10px;font-weight:600}.sidebar-footer{padding:14px 10px;border-top:1px solid rgba(255,255,255,.08)}.user-pill{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);margin-bottom:8px}.user-av{width:32px;height:32px;border-radius:7px;background:linear-gradient(135deg,var(--gold2),var(--gold3));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.user-name{font-size:12px;font-weight:600;color:#fff}.user-role{font-size:10px;color:#8fafd1;margin-top:1px}.logout-btn{width:100%;background:none;border:1px solid rgba(255,255,255,.15);color:#aec6e0;padding:8px;border-radius:8px;cursor:pointer;font-size:12px;transition:all .15s}.logout-btn:hover{border-color:var(--red);color:var(--red);background:#c0392b14}.main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh;min-width:0;overflow-x:hidden}.topbar{background:var(--ivory2);border-bottom:1px solid var(--border2);padding:0 26px;height:58px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:50}.page-title{font-size:13px;font-weight:600;color:var(--text3)}.search-wrap{flex:1;max-width:420px;position:relative}.search-wrap input{width:100%;background:var(--ivory3);border:1px solid var(--border2);border-radius:8px;padding:8px 12px 8px 36px;font-size:13px;outline:none}.search-wrap i{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text4)}.search-results{position:absolute;top:44px;left:0;right:0;background:var(--ivory);border:1px solid var(--border2);border-radius:8px;padding:6px;z-index:60;box-shadow:0 8px 24px #0000001a}.search-row{padding:8px;font-size:12.5px;display:flex;gap:8px;align-items:center;border-radius:6px}.search-row:hover{background:var(--ivory3)}.dim{color:var(--text4);font-size:11px;margin-left:auto}.content{padding:26px;flex:1;min-width:0;overflow-x:hidden}.page-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-hdr p{color:var(--text3);font-size:12.5px;margin-top:2px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card{background:var(--ivory2);border:1px solid var(--border2);border-radius:10px;padding:16px}.stat-icon{width:32px;height:32px;background:var(--gold-light);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--gold);margin-bottom:8px}.stat-label{font-size:11.5px;color:var(--text3)}.stat-value{font-size:24px;font-weight:700;font-family:Cormorant Garamond,serif}.card{background:var(--ivory2);border:1px solid var(--border2);border-radius:10px;padding:18px}.card-title{font-size:13px;font-weight:600;margin-bottom:10px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;padding:12px 16px;border-bottom:1px solid var(--border2)}td{padding:12px 16px;font-size:13px;border-bottom:1px solid var(--ivory4)}.table-empty{padding:40px;text-align:center;color:var(--text4)}.link-btn{background:none;border:none;color:var(--gold);cursor:pointer;font-size:12.5px;font-weight:500}.btn{background:var(--ivory3);border:1px solid var(--border2);border-radius:8px;padding:9px 16px;font-size:12.5px;cursor:pointer;color:var(--text2);display:inline-flex;align-items:center;gap:6px}.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold3));color:#fff;border:none;font-weight:600;box-shadow:0 2px 6px #1f5fa840}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fld{display:flex;flex-direction:column;gap:6px}.form-full{grid-column:1/-1}.fld label{font-size:11.5px;color:var(--text3)}.fld input,select,textarea{background:var(--ivory);border:1px solid var(--border2);border-radius:8px;padding:9px 12px;font-size:13px;font-family:DM Sans,sans-serif;outline:none}.field-val{font-size:13.5px;padding:9px 0}.duplicate-warning{margin-top:14px;border-color:var(--amber)}.dup-row{padding:8px 0;font-size:13px;border-bottom:1px solid var(--ivory4)}.tabs{display:flex;gap:4px;margin-top:14px;border-bottom:1px solid var(--border2)}.tab{background:none;border:none;padding:10px 16px;font-size:13px;color:var(--text3);cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:var(--gold);border-color:var(--gold)}.badge{padding:3px 9px;border-radius:20px;font-size:10.5px;font-weight:600}.b-green{background:#1a7a4a15;color:var(--green)}.b-red{background:#c0392b15;color:var(--red)}.b-gold{background:var(--gold-light);color:var(--gold)}.ticket-detail{display:grid;grid-template-columns:1fr 280px;gap:16px}.ticket-ref{font-size:11px;color:var(--gold);font-family:DM Mono,monospace}.chat-messages{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow-y:auto;padding:12px 0}.chat-bubble{background:var(--ivory3);border-radius:10px;padding:10px 14px;max-width:70%}.chat-bubble.mine{background:var(--gold-light);margin-left:auto}.chat-author{font-size:10.5px;color:var(--text3);margin-bottom:3px}.chat-input-row{display:flex;gap:8px;border-top:1px solid var(--border2);padding-top:12px}.chat-input-row textarea{flex:1;min-height:42px;resize:none}.toast-stack{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:200}.toast{padding:12px 18px;border-radius:8px;font-size:13px;background:var(--black2);color:var(--ivory)}.toast-success{background:var(--green)}.toast-error{background:var(--red)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:150}.modal-card{background:var(--ivory);border-radius:12px;padding:20px;min-width:400px;max-width:90vw}.modal-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-close{background:none;border:none;cursor:pointer;color:var(--text3)}.modal-footer{display:flex;gap:10px;margin-top:14px}.full-loader{display:flex;align-items:center;justify-content:center;height:100vh;font-size:24px;color:var(--gold)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-dow{font-size:11px;color:var(--text3);text-align:center;padding:6px 0;font-weight:600}.cal-cell{background:var(--ivory2);border:1px solid var(--border2);border-radius:8px;min-height:80px;padding:6px;font-size:11px}.cal-cell.empty{background:transparent;border:none}.cal-event{background:var(--gold-light);color:var(--gold);border-radius:4px;padding:2px 5px;margin-bottom:3px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kyc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.kyc-card{cursor:pointer;transition:border-color .15s}.kyc-card:hover{border-color:var(--gold)}.pipeline-scroll-wrap{width:100%;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch}.pipeline-board{display:flex;gap:12px;width:max-content}.view-toggle{display:inline-flex;gap:2px;background:var(--ivory3);border:1px solid var(--border2);border-radius:8px;padding:3px;margin-bottom:14px}.view-toggle button{background:none;border:none;padding:7px 14px;border-radius:6px;font-size:12.5px;color:var(--text3);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.view-toggle button.active{background:var(--ivory);color:var(--gold);font-weight:600;box-shadow:0 1px 3px #00000014}.pipeline-col{min-width:220px;background:var(--ivory2);border:1px solid var(--border2);border-radius:10px;padding:10px}.pipeline-col-hdr{font-size:11.5px;font-weight:600;color:var(--text3);margin-bottom:8px;display:flex;justify-content:space-between}.pipeline-card{background:var(--ivory);border:1px solid var(--border2);border-radius:8px;padding:10px;margin-bottom:8px;cursor:grab}.pipeline-card:hover{border-color:var(--gold)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border2);border:1px solid var(--border2);border-radius:10px;overflow:hidden}.cal-dow{background:var(--ivory3);padding:8px;text-align:center;font-size:11px;font-weight:600;color:var(--text3)}.cal-cell{background:var(--ivory);min-height:80px;padding:6px}.cal-cell.empty{background:var(--ivory2)}.cal-daynum{font-size:11px;color:var(--text3);margin-bottom:4px}.cal-event{background:var(--gold-light);color:var(--gold);font-size:10px;padding:2px 6px;border-radius:4px;margin-bottom:2px}.notif-wrap{position:relative}.notif-panel{position:absolute;top:44px;right:0;width:280px;background:var(--ivory);border:1px solid var(--border2);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:60;max-height:340px;overflow-y:auto}.notif-row{padding:12px 14px;border-bottom:1px solid var(--ivory4);cursor:pointer}.notif-row.unread{background:var(--gold-light)}.notif-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--red);border:1.5px solid var(--ivory2)}.icon-btn{width:36px;height:36px;background:var(--ivory3);border:1px solid var(--border2);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text3);position:relative}.dropzone{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px dashed var(--border3);border-radius:10px;padding:28px;text-align:center;cursor:pointer;font-size:13px;color:var(--text3)}.dropzone:hover{border-color:var(--gold);background:var(--gold-light)}.hamburger-btn{display:none}@media (max-width: 880px){.sidebar{transform:translate(-100%);transition:transform .2s;z-index:200}.sidebar.open{transform:translate(0)}.main{margin-left:0}.hamburger-btn{display:flex}.stat-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.ticket-detail{grid-template-columns:1fr}.search-wrap{max-width:none}.content{padding:16px}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:150}}.id-field-row{display:flex;gap:6px}.id-field-row input{flex:1}.id-upload-btn{display:flex;align-items:center;justify-content:center;width:38px;background:var(--ivory3);border:1px solid var(--border2);border-radius:8px;cursor:pointer;color:var(--text3)}.id-upload-btn:hover{border-color:var(--gold);color:var(--gold)}.id-file-chip{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:11.5px;color:var(--text3);background:var(--gold-light);border-radius:6px;padding:4px 8px}.id-file-chip button{background:none;border:none;cursor:pointer;color:var(--text4);margin-left:auto;display:flex}.quick-contact{display:inline-flex;gap:4px;margin-left:6px}.qc-btn{width:22px;height:22px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;text-decoration:none}.qc-call{background:#1a4a8a15;color:#1a4a8a}.qc-wa{background:#1a7a4a15;color:#1a7a4a}.qc-btn:hover{opacity:.7}@media (max-width: 880px){div[style*="grid-template-columns: 1fr 1fr 1fr"]{grid-template-columns:1fr!important}}.list-filter-bar{display:flex;align-items:center;gap:8px;background:var(--ivory3);border:1px solid var(--border2);border-radius:8px;padding:8px 12px;margin-bottom:12px;max-width:320px}.list-filter-bar input{flex:1;background:none;border:none;outline:none;font-size:13px}.list-filter-bar i{color:var(--text4)}.scope-toggle{display:inline-flex;background:var(--ivory3);border:1px solid var(--border2);border-radius:8px;padding:3px;gap:2px}.scope-toggle button{background:none;border:none;padding:6px 14px;border-radius:6px;font-size:12.5px;cursor:pointer;color:var(--text3);font-weight:500}.scope-toggle button.active{background:var(--ivory);color:var(--gold);box-shadow:0 1px 3px #00000014;font-weight:600}.quick-actions-row{display:flex;gap:10px;flex-wrap:wrap}.quick-action-btn{display:flex;align-items:center;gap:8px;background:var(--ivory2);border:1px solid var(--border2);border-radius:10px;padding:12px 16px;font-size:13px;font-weight:500;color:var(--text2);cursor:pointer;transition:all .15s}.quick-action-btn:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-light)}.quick-action-btn i{color:var(--gold);font-size:16px}.stat-grid{grid-template-columns:repeat(6,1fr)}.stat-card:hover{border-color:var(--gold);box-shadow:0 2px 8px #2e75b61a}.dashboard-panels{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dashboard-panels.with-activity{grid-template-columns:repeat(4,1fr)}.activity-panel{grid-column:1/-1}@media (max-width: 1200px){.stat-grid{grid-template-columns:repeat(3,1fr)}.dashboard-panels{grid-template-columns:1fr 1fr}}@media (max-width: 880px){.stat-grid{grid-template-columns:repeat(2,1fr)!important}.dashboard-panels{grid-template-columns:1fr!important}.quick-actions-row{overflow-x:auto;flex-wrap:nowrap}}