:root{--bg:#070c16;--bg-card:rgba(15,23,42,.85);--bg-elevated:rgba(24,37,60,.9);--border:rgba(255,255,255,.07);--text:#eef2ff;--text-2:#8892b0;--text-3:#4a5568;--indigo:#6366f1;--violet:#8b5cf6;--emerald:#10b981;--amber:#f59e0b;--rose:#f43f5e;--cyan:#06b6d4;--gm:linear-gradient(135deg,#6366f1,#8b5cf6 55%,#06b6d4);--gg:linear-gradient(135deg,#f59e0b,#d97706);--gr:linear-gradient(135deg,#f43f5e,#e11d48);--ge:linear-gradient(135deg,#10b981,#059669);}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:"Plus Jakarta Sans","Noto Sans Tamil",-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;line-height:1.6;}
body::before,body::after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0;}
body::before{width:900px;height:900px;background:radial-gradient(circle,rgba(99,102,241,.13) 0%,transparent 70%);top:-350px;left:-200px;animation:ob1 22s ease-in-out infinite alternate;}
body::after{width:650px;height:650px;background:radial-gradient(circle,rgba(16,185,129,.11) 0%,transparent 70%);bottom:-200px;right:-100px;animation:ob2 26s ease-in-out infinite alternate;}
@keyframes ob1{to{transform:translate(120px,160px)}}@keyframes ob2{to{transform:translate(-90px,-110px)}}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:256px;background:rgba(5,9,20,.97);border-right:1px solid var(--border);backdrop-filter:blur(24px);display:flex;flex-direction:column;z-index:100;}
.sidebar-brand{padding:1.375rem 1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.875rem;}
.brand-icon{width:42px;height:42px;border-radius:12px;background:var(--gm);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.05rem;color:#fff;box-shadow:0 0 22px rgba(99,102,241,.55);flex-shrink:0;}
.brand-text h1{font-size:.95rem;font-weight:800;letter-spacing:-.01em;}
.brand-text p{font-size:.68rem;color:var(--text-2);margin-top:.1rem;}
.sidebar-nav{flex:1;padding:.875rem .625rem;overflow-y:auto;}
.nav-section-title{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);padding:.45rem .75rem;margin-bottom:.2rem;}
.nav-link{display:flex;align-items:center;gap:.75rem;padding:.65rem .875rem;border-radius:10px;color:var(--text-2);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;margin-bottom:.12rem;position:relative;}
.nav-link:hover{background:rgba(255,255,255,.05);color:var(--text);}
.nav-link.active{background:rgba(99,102,241,.16);color:#a5b4fc;}
.nav-link.active::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:3px;border-radius:0 3px 3px 0;background:var(--gm);}
.nav-link svg{width:17px;height:17px;flex-shrink:0;}
.nav-badge{margin-left:auto;padding:.12rem .5rem;background:rgba(244,63,94,.2);color:#fda4af;border-radius:999px;font-size:.62rem;font-weight:700;border:1px solid rgba(244,63,94,.35);}
.sidebar-footer{padding:.875rem 1.25rem;border-top:1px solid var(--border);font-size:.72rem;color:var(--text-3);}
.main{margin-left:256px;min-height:100vh;position:relative;z-index:1;}
.topbar{position:sticky;top:0;z-index:50;background:rgba(7,12,22,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);padding:.875rem 2rem;display:flex;align-items:center;justify-content:space-between;}
.page-title{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;}
.page-subtitle{font-size:.78rem;color:var(--text-2);margin-top:.15rem;}
.topbar-right{display:flex;gap:.625rem;align-items:center;}
.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.52rem 1.1rem;border-radius:9px;border:none;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;font-family:inherit;}
.btn-primary{background:var(--gm);color:#fff;box-shadow:0 4px 14px rgba(99,102,241,.35);}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(99,102,241,.5);}
.btn-ghost{background:rgba(255,255,255,.06);color:var(--text-2);border:1px solid var(--border);}
.btn-ghost:hover{background:rgba(255,255,255,.1);color:var(--text);}
.content{padding:2rem;}
.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:1.25rem;margin-bottom:2rem;}
.kpi{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:1.375rem;backdrop-filter:blur(20px);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);}
.kpi:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.13);box-shadow:0 16px 48px rgba(0,0,0,.55);}
.kpi::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gm);}
.kpi.gold::before{background:var(--gg);}
.kpi.rose::before{background:var(--gr);}
.kpi.em::before{background:var(--ge);}
.kpi-ic{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:.875rem;}
.kpi-ic.ind{background:rgba(99,102,241,.15);color:#a5b4fc;}
.kpi-ic.gd{background:rgba(245,158,11,.15);color:#fbbf24;}
.kpi-ic.rs{background:rgba(244,63,94,.15);color:#fda4af;}
.kpi-ic.em{background:rgba(16,185,129,.15);color:#6ee7b7;}
.kpi-label{font-size:.7rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-2);}
.kpi-value{font-size:1.85rem;font-weight:900;letter-spacing:-.04em;margin:.3rem 0;}
.kpi-sub{font-size:.73rem;color:var(--text-3);}
.card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:1.75rem;backdrop-filter:blur(20px);margin-bottom:1.75rem;}
.card:hover{border-color:rgba(255,255,255,.11);}
.card-h{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;}
.card-title{font-size:1.1rem;font-weight:800;display:flex;align-items:center;gap:.6rem;}
.card-sub{font-size:.8rem;color:var(--text-2);margin-top:.2rem;}
.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.26rem .7rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.02em;}
.bc{background:rgba(244,63,94,.15);color:#fda4af;border:1px solid rgba(244,63,94,.35);}
.bh{background:rgba(245,158,11,.15);color:#fcd34d;border:1px solid rgba(245,158,11,.35);}
.bm{background:rgba(6,182,212,.15);color:#67e8f9;border:1px solid rgba(6,182,212,.35);}
.bs{background:rgba(16,185,129,.15);color:#6ee7b7;border:1px solid rgba(16,185,129,.35);}
.bg{background:rgba(245,158,11,.22);color:#fbbf24;border:1px solid rgba(245,158,11,.5);}
.bp{background:rgba(139,92,246,.15);color:#c4b5fd;border:1px solid rgba(139,92,246,.3);}
.bi{background:rgba(99,102,241,.15);color:#a5b4fc;border:1px solid rgba(99,102,241,.35);}
.tw{overflow-x:auto;border-radius:12px;border:1px solid var(--border);}
.tbl{width:100%;border-collapse:collapse;font-size:.84rem;}
.tbl th{background:rgba(255,255,255,.03);padding:.875rem 1rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);border-bottom:1px solid var(--border);white-space:nowrap;text-align:left;}
.tbl td{padding:.95rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle;}
.tbl tbody tr:hover td{background:rgba(255,255,255,.02);}
.tbl tbody tr:last-child td{border-bottom:none;}
.tbl tr.accent td{background:rgba(99,102,241,.06);}
.tbl tr.gold td{background:rgba(245,158,11,.07);}
.tbl tr.danger td{background:rgba(244,63,94,.05);}
.sbar-wrap{margin-bottom:1.5rem;}
.sbar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;font-size:.85rem;font-weight:700;}
.sbar{height:30px;border-radius:10px;display:flex;overflow:hidden;background:rgba(255,255,255,.05);box-shadow:inset 0 2px 8px rgba(0,0,0,.35);}
.seg{height:100%;position:relative;display:flex;align-items:center;justify-content:center;}
.seg span{font-size:.7rem;font-weight:700;color:rgba(255,255,255,.92);white-space:nowrap;}
.seg-r{background:linear-gradient(90deg,#6366f1,#8b5cf6);}
.seg-c{background:linear-gradient(90deg,#f59e0b,#fbbf24);}
.seg-p{background:linear-gradient(90deg,#f43f5e,#fb7185);}
.sbar-legend{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:.875rem;font-size:.8rem;}
.ld{display:flex;align-items:center;gap:.5rem;}
.ld-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0;}
.tree-outer{overflow-x:auto;padding:1rem 0 1.5rem;}
.tree{display:flex;flex-direction:column;align-items:center;min-width:1080px;}
.tree-level{display:flex;justify-content:center;gap:1rem;padding:0 1rem;}
.conn-v{width:2px;height:28px;background:rgba(99,102,241,.3);margin:0 auto;}
.node{background:rgba(18,28,52,.85);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:.95rem 1.1rem;width:204px;text-align:center;transition:all .28s cubic-bezier(.4,0,.2,1);flex-shrink:0;}
.node:hover{border-color:var(--indigo);transform:translateY(-5px);box-shadow:0 12px 32px rgba(99,102,241,.28);}
.node.root{background:linear-gradient(135deg,rgba(99,102,241,.28),rgba(139,92,246,.22));border:2px solid #818cf8;box-shadow:0 0 28px rgba(99,102,241,.35);}
.node.b1{border-top:3px solid #6366f1;}
.node.b2{border-top:3px solid #10b981;}
.node.b3{border-top:3px solid #f59e0b;}
.node.b4{border-top:3px solid #8b5cf6;}
.node.chen{background:linear-gradient(135deg,rgba(245,158,11,.26),rgba(217,119,6,.2));border:2px solid #f59e0b;animation:cg 3s ease-in-out infinite alternate;}
@keyframes cg{from{box-shadow:0 0 22px rgba(245,158,11,.4)}to{box-shadow:0 0 44px rgba(245,158,11,.65),0 0 80px rgba(245,158,11,.2)}}
.node.sold{border-left:3px solid #6366f1;}
.n-ta{font-weight:700;font-size:.9rem;line-height:1.3;}
.n-en{font-size:.72rem;color:var(--text-2);margin-top:.1rem;}
.n-role{font-size:.66rem;color:var(--text-3);background:rgba(255,255,255,.05);border-radius:5px;padding:.18rem .45rem;display:inline-block;margin-top:.3rem;}
.n-meta{margin-top:.45rem;}
.alert-card{border-radius:14px;border:1px solid var(--border);padding:1.375rem;margin-bottom:1.25rem;background:rgba(255,255,255,.02);position:relative;overflow:hidden;transition:all .2s;}
.alert-card::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;}
.alert-card.critical::before{background:var(--gr);}
.alert-card.high::before{background:var(--gg);}
.alert-card.medium::before{background:linear-gradient(180deg,#06b6d4,#0891b2);}
.alert-card:hover{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.035);}
.alert-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;}
.alert-title{font-size:1rem;font-weight:800;}
.alert-body{font-size:.84rem;color:#cbd5e1;line-height:1.6;margin-bottom:.875rem;}
.alert-ev{background:rgba(0,0,0,.35);border-radius:8px;padding:.55rem .875rem;font-size:.76rem;color:var(--text-2);margin-bottom:.75rem;font-family:monospace;border-left:2px solid rgba(255,255,255,.1);}
.alert-action{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;color:#a5b4fc;background:rgba(99,102,241,.1);padding:.55rem .875rem;border-radius:8px;border:1px solid rgba(99,102,241,.22);}
.s-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.25rem;}
.s-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.375rem;transition:all .3s cubic-bezier(.4,0,.2,1);}
.s-card:hover{border-color:rgba(255,255,255,.15);transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.55);}
.s-num{font-size:1.5rem;font-weight:900;letter-spacing:-.04em;color:#a5b4fc;margin-bottom:.2rem;}
.s-ext{font-size:1.05rem;font-weight:700;margin-bottom:.75rem;}
.s-list{list-style:none;display:flex;flex-direction:column;gap:.38rem;}
.s-item{font-size:.77rem;color:var(--text-2);display:flex;align-items:flex-start;gap:.45rem;}
.s-item::before{content:"x1f782";color:var(--indigo);flex-shrink:0;}
.tl{position:relative;padding-left:2rem;}
.tl::before{content:"";position:absolute;left:.55rem;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--indigo),transparent);}
.tl-item{position:relative;margin-bottom:1.75rem;}
.tl-dot{position:absolute;left:-1.6rem;top:.25rem;width:14px;height:14px;border-radius:50%;background:var(--gm);box-shadow:0 0 12px rgba(99,102,241,.55);}
.tl-dot.gd{background:var(--gg);box-shadow:0 0 12px rgba(245,158,11,.55);}
.tl-dot.rs{background:var(--gr);box-shadow:0 0 12px rgba(244,63,94,.55);}
.tl-year{font-size:.7rem;font-weight:700;color:var(--indigo);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.2rem;}
.tl-title{font-size:.95rem;font-weight:700;margin-bottom:.3rem;}
.tl-body{font-size:.82rem;color:var(--text-2);line-height:1.55;}
.lbox-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:1rem;margin-bottom:1.75rem;}
.lbox{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:12px;padding:1rem;text-align:center;}
.lbox-val{font-size:1.55rem;font-weight:900;letter-spacing:-.03em;}
.lbox-label{font-size:.7rem;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-top:.2rem;}
.search-wrap{position:relative;}
.search-inp{background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:10px;padding:.52rem 1rem .52rem 2.2rem;color:var(--text);font-size:.84rem;width:250px;outline:none;font-family:inherit;transition:border-color .2s;}
.search-inp:focus{border-color:var(--indigo);}
.s-ico{position:absolute;left:.72rem;top:50%;transform:translateY(-50%);color:var(--text-3);}
code{background:rgba(255,255,255,.08);padding:.14rem .4rem;border-radius:4px;font-size:.82em;color:#a5b4fc;}
.text-i{color:#a5b4fc;}.text-g{color:#fbbf24;}.text-r{color:#fda4af;}.text-e{color:#6ee7b7;}.text-m{color:var(--text-3);}
.fw8{font-weight:800;}.fw7{font-weight:700;}
.fade-in{animation:fi .3s ease both;}
@keyframes fi{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1024px){
  .sidebar{width:58px;}
  .sidebar .brand-text,.sidebar .nav-link span,.sidebar-footer,.nav-section-title,.nav-badge{display:none;}
  .sidebar-brand{justify-content:center;padding:1rem;}
  .nav-link{justify-content:center;}
  .main{margin-left:58px;}
  footer{margin-left:58px!important;}
}
@media(max-width:680px){
  .sidebar{display:none;}.main{margin-left:0;}.content{padding:1rem;}
  .kpi-row{grid-template-columns:1fr 1fr;}
  footer{margin-left:0!important;}
}