@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg0: #0B0F1A;--bg1: #111827;--bg2: #1A1F2E;--bg2h: #222839;--bg3: #252B3B;--bd: #2A3042;--bdl: #343B50;--t1: #F1F5F9;--t2: #94A3B8;--tm: #64748B;--ac: #3B82F6;--acg: rgba(59, 130, 246, .15);--ok: #34D399;--wn: #FBBF24;--dg: #F87171;--or: #F97316;--pu: #A78BFA;--fn: "DM Sans", sans-serif;--fm: "JetBrains Mono", monospace;--r: 10px;--rs: 6px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--fn);background:var(--bg0);color:var(--t1)}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;min-width:220px;background:var(--bg1);border-right:1px solid var(--bd);display:flex;flex-direction:column}.sidebar-logo{padding:18px 18px 14px;border-bottom:1px solid var(--bd)}.sidebar-logo h1{font-size:17px;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-logo span{font-size:10px;color:var(--tm);display:block;margin-top:2px;letter-spacing:1.5px;text-transform:uppercase}.sidebar-nav{flex:1;padding:10px 8px;display:flex;flex-direction:column;gap:1px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:var(--rs);color:var(--t2);cursor:pointer;font-size:13px;font-weight:500;transition:all .15s;border:1px solid transparent}.nav-item:hover{background:var(--bg2);color:var(--t1)}.nav-item.active{background:var(--acg);color:var(--ac);border-color:#3b82f633}.sidebar-user{padding:14px 18px;border-top:1px solid var(--bd);font-size:11px;color:var(--tm)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--bd);background:var(--bg1);min-height:56px}.topbar-title{font-size:18px;font-weight:700}.content{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 24px}.card{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r);padding:18px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-title{font-size:12px;font-weight:600;color:var(--t2);text-transform:uppercase;letter-spacing:1px}.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:var(--rs);font-size:12.5px;font-weight:500;border:1px solid var(--bd);background:var(--bg2);color:var(--t1);cursor:pointer;transition:all .15s;font-family:var(--fn)}.btn:hover{background:var(--bg3)}.btn-p{background:var(--ac);border-color:var(--ac);color:#fff}.btn-p:hover{background:#2563eb}.btn-ok{background:var(--ok);border-color:var(--ok);color:#0b0f1a;font-weight:600}.btn-sm{padding:4px 9px;font-size:11.5px}.btn-g{background:transparent;border-color:transparent}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-card{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r);padding:16px 18px}.stat-label{font-size:11px;color:var(--tm);font-weight:500;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}.stat-value{font-size:24px;font-weight:700;letter-spacing:-1px;font-family:var(--fm)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:10.5px;font-weight:600;color:var(--tm);text-transform:uppercase;letter-spacing:1px;padding:9px 12px;border-bottom:1px solid var(--bd)}td{padding:10px 12px;border-bottom:1px solid var(--bd);font-size:13px}tr:hover td{background:var(--bg2h)}tr{cursor:pointer}.badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:99px;font-size:10.5px;font-weight:600}.input-group{margin-bottom:12px}.input-group label{display:block;font-size:11.5px;color:var(--tm);margin-bottom:3px;font-weight:500}.input{width:100%;padding:8px 11px;background:var(--bg1);border:1px solid var(--bd);border-radius:var(--rs);color:var(--t1);font-size:13px;font-family:var(--fn);outline:none}.input:focus{border-color:var(--ac)}select.input{cursor:pointer}textarea.input{resize:vertical;min-height:50px}input[type=date].input::-webkit-calendar-picker-indicator,input[type=time].input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.search-box{display:flex;align-items:center;gap:7px;background:var(--bg2);border:1px solid var(--bd);border-radius:var(--rs);padding:5px 11px}.search-box input{background:transparent;border:none;outline:none;color:var(--t1);font-size:12.5px;font-family:var(--fn);width:160px}.pipeline-board{display:flex;gap:10px;overflow-x:auto;padding-bottom:14px;min-height:380px}.pipeline-column{min-width:200px;flex-shrink:0;background:var(--bg1);border:1px solid var(--bd);border-radius:var(--r);padding:12px;display:flex;flex-direction:column;gap:8px}.pipeline-card{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--rs);padding:10px;cursor:pointer;transition:all .15s}.pipeline-card:hover{border-color:var(--bdl);transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r);width:600px;max-width:95vw;max-height:88vh;overflow-y:auto;box-shadow:0 4px 24px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--bd)}.modal-header h3{font-size:15px;font-weight:700}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:7px;padding:12px 20px;border-top:1px solid var(--bd)}.detail-panel{position:fixed;top:0;right:0;bottom:0;width:580px;max-width:95vw;background:var(--bg2);border-left:1px solid var(--bd);box-shadow:-8px 0 40px #0000004d;z-index:1000;display:flex;flex-direction:column}.detail-body{flex:1;overflow-y:auto;padding:20px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--bd);margin-bottom:18px}.tab{padding:9px 16px;font-size:12.5px;font-weight:500;color:var(--tm);cursor:pointer;border-bottom:2px solid transparent}.tab:hover{color:var(--t1)}.tab.active{color:var(--ac);border-bottom-color:var(--ac)}.timeline-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--bd);cursor:pointer}.timeline-item:hover{background:var(--bg2h);border-radius:var(--rs)}.timeline-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.progress-bar{background:var(--bg1);border-radius:99px;height:5px;overflow:hidden;margin:5px 0}.progress-fill{height:100%;border-radius:99px;transition:width .6s}.fair-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.fair-card{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r);padding:20px}.fair-detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:14px}.fair-detail-box{background:var(--bg1);border:1px solid var(--bd);border-radius:var(--rs);padding:14px;text-align:center}.fair-detail-box .val{font-family:var(--fm);font-size:20px;font-weight:700;margin:6px 0 2px}.fair-detail-box .lbl{font-size:10px;color:var(--tm);text-transform:uppercase}.proposal-calc{background:var(--bg1);border:1px solid var(--bd);border-radius:var(--r);padding:16px;margin-top:14px}.proposal-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;border-bottom:1px solid var(--bd)}.proposal-row:last-child{border:none;font-weight:700;padding-top:10px}.login-wrap{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg0)}.login-box{width:380px;background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r);padding:36px;box-shadow:0 8px 40px #0006}.defaults-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;background:var(--bg1);border:1px solid var(--bd);border-radius:var(--r)}.import-stepper{display:flex;margin-bottom:24px;background:var(--bg1);border-radius:var(--r);padding:3px;border:1px solid var(--bd)}.import-step{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:var(--rs);font-size:12px;color:var(--tm)}.import-step.active{background:var(--ac);color:#fff}.import-step.done{color:var(--ok)}.import-drop-zone{border:2px dashed var(--bdl);border-radius:var(--r);padding:40px;text-align:center;cursor:pointer;background:var(--bg1)}.import-drop-zone:hover{border-color:var(--ac);background:var(--acg)}.mapping-row{display:grid;grid-template-columns:1fr 36px 1fr;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--bd)}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--dg);position:absolute;top:-2px;right:-2px}.notif-panel{position:fixed;top:56px;right:24px;width:380px;max-height:500px;overflow-y:auto;background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r);box-shadow:0 8px 40px #0006;z-index:900}.notif-item{padding:12px 16px;border-bottom:1px solid var(--bd);font-size:12.5px;cursor:pointer}.notif-item:hover{background:var(--bg2h)}.contact-card{background:var(--bg1);border:1px solid var(--bd);border-radius:var(--rs);padding:12px;margin-bottom:8px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--bd);border-radius:3px}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.fair-grid{grid-template-columns:1fr}.sidebar{width:54px;min-width:54px}.sidebar-logo h1,.sidebar-logo span,.nav-label,.sidebar-user{display:none}.nav-item{justify-content:center;padding:10px}}