@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+Tamil:wght@400;500;600;700;800&display=swap);.auth-split{background:radial-gradient(circle at 30% 30%,#151b2c 0,#080a10 100%);display:flex;font-family:var(--font-body);min-height:100vh;overflow:hidden;position:relative}.auth-split:after,.auth-split:before{border-radius:50%;content:"";filter:blur(120px);height:400px;opacity:.15;pointer-events:none;position:absolute;width:400px;z-index:1}.auth-split:before{background:var(--accent);left:10%;top:-10%}.auth-split:after{background:var(--teal);bottom:-10%;right:20%}.auth-brand{display:flex;flex:1.2 1;flex-direction:column;justify-content:center;padding:60px 80px;position:relative;z-index:2}.auth-logo{align-items:center;animation:fadeInUp .5s ease-out;display:flex;gap:14px;margin-bottom:60px}.auth-logo .brand-mark{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);border-radius:16px;box-shadow:0 8px 24px #6366f166;display:flex;flex-shrink:0;font-size:26px;height:52px;justify-content:center;position:relative;width:52px}.auth-logo .brand-mark:after{background:linear-gradient(135deg,#fff6,#0000);border-radius:18px;content:"";inset:-2px;position:absolute;z-index:-1}.auth-logo-name{color:#fff;font-family:var(--font-head);font-size:20px;font-weight:850;letter-spacing:-.02em}.auth-logo-sub{color:var(--soft);font-size:11px;font-weight:600;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.auth-headline{-webkit-text-fill-color:#0000;animation:fadeInUp .6s ease-out;background:linear-gradient(135deg,#fff,#c7d2fe 50%,#818cf8);-webkit-background-clip:text;color:#fff;font-family:var(--font-head);font-size:46px;font-weight:900;letter-spacing:-.02em;line-height:1.15;margin-bottom:20px;max-width:560px}.auth-blurb{animation:fadeInUp .7s ease-out;color:#94a3b8;font-size:15px;line-height:1.7;margin-bottom:44px;max-width:440px}.auth-features{animation:fadeInUp .8s ease-out;display:flex;flex-direction:column;gap:16px;list-style:none}.auth-features li{align-items:center;color:#cbd5e1;display:flex;font-size:14.5px;font-weight:500;gap:14px}.auth-features .chk{background:#10b98126;border:1px solid #10b9814d;border-radius:50%;box-shadow:0 0 10px #10b9811a;color:#34d399;flex-shrink:0;font-size:12px;height:24px;width:24px}.auth-features .chk,.auth-form-side{align-items:center;display:flex;justify-content:center}.auth-form-side{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#0a0c1499;border-left:1px solid #ffffff0d;box-shadow:-10px 0 40px #0000004d;flex:0.9 1;padding:48px;position:relative;z-index:2}.auth-form{animation:fadeInUp .4s ease-out;background:#1e293b4d;border:1px solid #ffffff12;border-radius:var(--r-xl);box-shadow:0 20px 50px #0006;max-width:380px;overflow:hidden;padding:40px 32px;position:relative;width:100%}.auth-form:before{background:linear-gradient(90deg,var(--accent) 0,var(--teal) 100%);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.auth-form h2{color:#fff;font-family:var(--font-head);font-size:32px;font-weight:850;letter-spacing:-.01em;margin-bottom:8px}.auth-form-sub{color:#94a3b8;font-size:13.5px;margin-bottom:32px}.auth-form .field label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.auth-form input{background:#0f172a99;border:1px solid #ffffff1a;border-radius:var(--r-md);box-shadow:inset 0 2px 4px #0003;color:#fff;font-size:14.5px;padding:12px 16px}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f140,inset 0 2px 4px #0000001a}.login-page{align-items:center;background:radial-gradient(circle at 50% 50%,#171f30 0,#07090e 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.login-page:before{background:radial-gradient(circle,var(--accent) 0,#0000 70%);border-radius:50%;content:"";filter:blur(150px);height:500px;opacity:.18;position:absolute;width:500px;z-index:1}.login-card{animation:card-float .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#1e293b66;border:1px solid #ffffff14;border-radius:var(--r-xl);box-shadow:0 30px 60px #00000080,inset 0 1px 0 #ffffff1a;max-width:440px;padding:44px 36px;position:relative;width:100%;z-index:2}.login-card:before{background:linear-gradient(90deg,var(--accent) 0,var(--teal) 100%);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.emblem{filter:drop-shadow(0 8px 16px rgba(99,102,241,.3));font-size:48px;margin-bottom:20px;text-align:center}.login-card h2{color:#fff;font-family:var(--font-head);font-size:26px;font-weight:850;letter-spacing:-.01em;margin-bottom:8px;text-align:center}.login-card .sub{color:#94a3b8;font-size:13.5px;line-height:1.5;margin-bottom:28px;text-align:center}.login-card .field label{color:#cbd5e1;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.login-card input{background:#0f172a8c;border:1px solid #ffffff14;border-radius:var(--r-md);color:#fff;font-size:14.5px;padding:12px 15px}.login-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f140}.demo-box{background:#6366f114;border:1px solid #6366f133;border-radius:var(--r-md);color:#cbd5e1;font-size:13px;line-height:1.6;margin-top:28px;padding:14px 18px;text-shadow:0 1px 2px #0003}.demo-box strong{color:#a5b4fc;font-weight:700}.password-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.password-input-wrapper input{padding-right:48px!important}.password-toggle-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;position:absolute;right:12px;transition:all var(--ease)}.password-toggle-btn:hover{background:#ffffff0d;color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes card-float{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}@media (max-width:992px){.auth-split{flex-direction:column;justify-content:flex-start;overflow-y:auto}.auth-brand{align-items:center;flex:none;padding:48px 36px 24px;text-align:center}.auth-logo{margin-bottom:24px}.auth-headline{font-size:34px;margin-bottom:12px}.auth-blurb{margin-bottom:20px}.auth-features{display:none}.auth-form-side{background:#0000;border-left:none;box-shadow:none;flex:1 1;padding:24px 20px 48px;width:100%}.auth-form{max-width:420px;padding:36px 24px}}@media (max-width:480px){.login-card{padding:32px 20px}.auth-form h2{font-size:26px}}.page-change-password{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 180px);padding:20px}.change-password-forced-page{align-items:center;background:radial-gradient(circle at 50% 50%,var(--sky-tint) 0,var(--sky-soft) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.change-password-forced-page:before{background:radial-gradient(circle,var(--sky) 0,#0000 70%);border-radius:50%;content:"";filter:blur(150px);height:500px;opacity:.25;pointer-events:none;position:absolute;width:500px;z-index:1}.change-password-card{animation:card-float .4s cubic-bezier(.34,1.56,.64,1);background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);max-width:450px;padding:40px 32px;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:100%;z-index:2}.change-password-card:hover{box-shadow:0 20px 40px #0f172a14}.change-password-card:before{background:linear-gradient(90deg,var(--sky) 0,#38bdf8 100%);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.emblem-wrapper{margin-bottom:24px}.emblem-icon,.emblem-wrapper{display:flex;justify-content:center}.emblem-icon{align-items:center;background:var(--sky-soft);border-radius:16px;box-shadow:0 8px 24px #1e3a8a1f;color:var(--sky);font-size:28px;height:64px;transition:transform .3s ease;width:64px}.change-password-card:hover .emblem-icon{transform:rotate(-10deg) scale(1.05)}.change-password-card h2{color:var(--ink);font-family:var(--font-head);font-size:24px;font-weight:800;letter-spacing:-.015em;margin-bottom:8px;text-align:center}.change-password-card .sub{color:var(--muted);font-size:13.5px;line-height:1.5;margin-bottom:28px;text-align:center}.change-password-card .field{margin-bottom:18px}.change-password-card .field label{color:var(--ink-mute);display:block;font-size:12px;font-weight:600;margin-bottom:6px}.change-password-card input{background:#f8fafc;border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--ink-soft);font-size:13.5px;height:40px;padding:10px 14px;transition:all var(--ease);width:100%}.change-password-card input:focus{background:var(--white);border-color:var(--sky);box-shadow:0 0 0 3px #1e3a8a26}.change-password-card .error-text{background:#fef2f2;border:1px solid #fca5a5;border-radius:var(--r-md);color:#991b1b;font-size:13px;margin-bottom:20px;padding:10px 12px;text-align:center}.change-password-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:24px}.change-password-actions .btn{border-radius:var(--r-md);font-size:13px;font-weight:600;height:40px}.change-password-card .password-toggle-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--muted);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:8px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all var(--ease);width:32px}.change-password-card .password-toggle-btn:hover{background:#0000000d;color:var(--ink)}.change-password-card .demo-box{background:var(--sky-tint);border:1px solid var(--sky-border);border-radius:var(--r-md);color:var(--sky-dark);font-size:12.5px;line-height:1.5;margin-bottom:20px;padding:12px 14px}.page-dashboard{animation:dashboard-fade-in .45s cubic-bezier(.16,1,.3,1) forwards}@keyframes dashboard-fade-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.welcome-banner{background:var(--white);border:1px solid var(--mist-strong);border-radius:var(--r-xl);box-shadow:none;margin-bottom:24px;overflow:hidden;padding:28px 32px;position:relative}.welcome-banner:before{content:none}.welcome-banner .wb-title{color:#fff;font-family:var(--font-head);font-size:24px;font-weight:800;letter-spacing:-.01em}.welcome-banner .wb-sub{color:#ffffffd1;font-size:14px;font-weight:500;margin-top:4px}.welcome-banner .wb-icon{color:#ffffff59;font-size:48px}.welcome-content{z-index:1}.welcome-title{color:var(--navy);font-family:var(--font-head);font-size:32px;font-weight:900;letter-spacing:-.02em;margin-bottom:8px}.welcome-subtitle{color:var(--muted);font-size:15px;font-weight:500;margin:0}.welcome-icon{animation:banner-bounce 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(15,23,42,.2));font-size:56px;z-index:1}@keyframes banner-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.stat-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{border-radius:var(--r-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;padding:24px 26px;transition:all var(--ease-out)}.stat-card:before{display:none}.stat-card:after{background:var(--accent);content:"";height:4px;left:0;position:absolute;top:0;transition:height .25s var(--ease);width:100%}.stat-card.red:after{background:var(--red)}.stat-card.green:after{background:var(--green)}.stat-card.amber:after{background:var(--amber)}.stat-card.blue:after{background:var(--accent)}.stat-card:hover{box-shadow:0 16px 36px #0f172a14;transform:translateY(-4px)}.stat-card.clickable:hover{border-color:#0f172a40;box-shadow:0 16px 36px #0f172a1f}.stat-card.red:hover{border-color:#f43f5e33;box-shadow:0 16px 36px #f43f5e1f}.stat-card.green:hover{border-color:#10b98133;box-shadow:0 16px 36px #10b9811f}.stat-card.amber:hover{border-color:#f59e0b33;box-shadow:0 16px 36px #f59e0b1f}.stat-card .stat-value{color:var(--navy);font-size:36px;font-weight:900;margin-top:10px}.stat-card .stat-label{font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:2px;order:-1;text-transform:uppercase}.charts-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:32px}.chart-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:26px;transition:all var(--ease)}.chart-card:hover{box-shadow:0 12px 30px #0f172a14}.chart-card h3{color:var(--navy);font-family:var(--font-head);font-size:18px;font-weight:800;margin-bottom:22px}.bar-list-container{display:flex;flex-direction:column;gap:16px}.bar-row{animation:slide-in-bar .45s cubic-bezier(.16,1,.3,1) forwards;gap:14px;opacity:0;transition:transform .2s ease,opacity .2s ease}.bar-row.clickable{cursor:pointer}.bar-row.clickable:hover{transform:translateX(4px)}@keyframes slide-in-bar{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}.bar-label{width:130px}.bar-label-text{color:var(--text-soft);font-size:13px;font-weight:650}.bar-track{box-shadow:inset 0 2px 4px #00000008;height:28px}.bar-fill,.bar-track{border-radius:99px;position:relative}.bar-fill{align-items:center;display:flex;justify-content:flex-end;padding:0 12px;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.bar-fill:after{animation:bar-shimmer 2.5s infinite;background:linear-gradient(90deg,#fff0,#fff3 50%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes bar-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.bar-percentage{color:#fff;font-size:11px;font-weight:800;text-shadow:0 1px 2px #0f172a33;z-index:1}.bar-value{color:var(--navy);font-size:15px;font-weight:800;text-align:right;width:44px}.activity-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl)}.timeline-container{display:flex;flex-direction:column;gap:14px;margin-top:10px}.timeline-item{animation:timeline-fade-in .4s ease-out forwards;background:var(--bg);border-left:4px solid var(--accent);border-radius:var(--r-md);box-shadow:none;padding:14px 18px;transition:all var(--ease)}.timeline-item:hover{background:#fff;box-shadow:0 6px 20px #0f172a0d;transform:translateX(6px)}@keyframes timeline-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.ti-action{color:var(--navy);font-family:var(--font-head);font-size:14px;font-weight:750;margin-bottom:4px}.ti-detail{color:var(--text-soft);font-size:13px;line-height:1.5;margin:4px 0 6px}.ti-meta{color:var(--muted);font-size:11px;font-weight:500}.quick-actions-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl)}.quick-actions{display:flex;flex-direction:column;gap:12px;margin-top:10px}.action-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-soft);font-size:13.5px;justify-content:flex-start;padding:14px 18px;transition:all var(--ease-out)}.action-btn span{font-size:18px;margin-right:12px}.action-btn:hover{background:var(--accent-soft);border-color:#0f172a40;color:var(--accent);transform:translateX(6px)}.action-btn.btn-primary{background:var(--ink);border-color:var(--ink);color:#fff}.action-btn.btn-primary:hover{background:#000;border-color:#000;color:#fff}@media (max-width:1200px){.charts-row{flex-direction:column}.chart-card{min-width:100%}}@media (max-width:768px){.welcome-banner{flex-direction:column;gap:16px;padding:28px 24px;text-align:center}.welcome-icon{font-size:48px}.stat-grid{grid-template-columns:1fr 1fr}.bar-label{width:100px}}.page-paras{animation:paralist-fade-in .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes paralist-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.actions-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-bottom:24px}.actions-row .btn{border-radius:var(--r-md);box-shadow:0 2px 6px #0f172a05}.actions-row .btn-primary{box-shadow:0 4px 14px #0f172a40}.page-paras .card{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--ease)}.page-paras .card:hover{box-shadow:0 12px 36px #0f172a12}.page-paras table{border-collapse:collapse;font-size:13.5px;width:100%}.page-paras th{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafcb3;border-bottom:1.5px solid var(--border);color:var(--muted);font-family:var(--font-head);font-size:11px;font-weight:750;letter-spacing:.06em;padding:18px 20px;text-transform:uppercase}.page-paras tbody tr{border-bottom:1px solid #e2e8f0b3;cursor:pointer;transition:all var(--ease-out)}.page-paras tbody tr:last-child{border-bottom:none}.page-paras tbody tr:hover{background:rgba(15,23,42,.025)}.page-paras td{color:var(--text-soft);padding:16px 20px;vertical-align:middle}.col-sno{color:var(--muted);width:70px}.col-sno,.col-year{font-weight:600;text-align:center}.col-year{width:100px}.col-parano{text-align:center;width:120px}.col-parano strong{color:var(--navy);font-family:var(--font-head);font-size:14.5px;font-weight:800}.col-dept{color:var(--navy);font-weight:650;width:150px}.col-desc{font-weight:500;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-amount{color:var(--navy);font-family:var(--font-head);font-size:14px;font-weight:750;text-align:right;width:130px}.col-assignedto{color:var(--text-soft);font-weight:550;max-width:180px;overflow:hidden;text-overflow:ellipsis}.col-status{padding-right:28px!important;text-align:center;width:160px}.status-cell-container{align-items:center;display:inline-flex;flex-direction:column;gap:4px;width:100%}.status-cell-container .badge{border-radius:99px;box-shadow:0 2px 6px #0f172a05;font-size:10px!important;font-weight:700;letter-spacing:.04em;padding:4px 10px!important;text-transform:uppercase}.header-bilingual{display:flex;flex-direction:column;gap:2px}.header-bilingual .eng-text{font-family:var(--font-head);font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.header-bilingual .tamil-text{font-family:Noto Sans Tamil,sans-serif;font-size:9.5px;font-weight:600;letter-spacing:0;opacity:.65;text-transform:none}.pagination-container{border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);display:flex;gap:6px;margin-left:auto;margin-right:auto;margin-top:32px;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.pagination-btn,.pagination-container{align-items:center;background:#fff;justify-content:center}.pagination-btn{border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-soft);cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:650;height:38px;min-width:38px;padding:0 10px;transition:all var(--ease)}.pagination-btn:hover:not(:disabled){background:var(--accent-soft);border-color:#0f172a40;color:var(--accent);transform:translateY(-1px)}.pagination-btn.active{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 10px #0f172a40;color:#fff}.pagination-btn:disabled{background:var(--bg);color:var(--muted);cursor:not-allowed;opacity:.45}@media (max-width:1024px){.col-desc{max-width:180px}}@media (max-width:768px){.col-desc{max-width:140px}.actions-row{justify-content:stretch}.actions-row .btn{flex:1 1}}@media print{@page{size:A4 portrait;margin:12mm 10mm}.action-row,.actions-row,.modal-overlay,.page-paras .col-status,.pagination,.pagination-container,.sidebar,.toolbar,.topbar{display:none!important}.main,.main-area{margin-left:0!important}.content{padding:0!important}.page-paras .card{border:1px solid #ccc!important;box-shadow:none!important;break-inside:auto!important;page-break-inside:auto!important}.page-paras .card,.page-paras .tbl-wrap{overflow:visible!important}.page-paras table{font-size:10px!important;table-layout:fixed;width:100%!important}.page-paras thead{display:table-header-group}.page-paras tbody tr{break-inside:avoid!important;page-break-inside:avoid!important}.page-paras td,.page-paras th{word-wrap:break-word;overflow:visible!important;padding:6px!important}.page-paras tbody tr:hover{background:#0000!important;transform:none!important}.page-paras .col-sno{width:6%}.page-paras .col-year{width:9%}.page-paras .col-parano{width:10%}.page-paras .col-dept{width:13%}.page-paras .col-desc{max-width:none!important;text-overflow:clip!important;white-space:normal!important;width:32%}.page-paras .col-amount{width:12%}.page-paras .col-assignedto{max-width:none!important;text-overflow:clip!important;white-space:normal!important;width:18%}}.page-para-detail{animation:para-detail-fade-in .45s cubic-bezier(.16,1,.3,1) forwards;margin:0 auto;max-width:1200px;padding:24px 16px}@keyframes para-detail-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.para-detail-header-bar{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.para-detail-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:2fr 1fr}@media (max-width:992px){.para-detail-grid{grid-template-columns:1fr}}.para-main-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);margin-bottom:24px;overflow:hidden;padding:32px;position:relative;transition:all var(--ease)}.para-main-card:hover{box-shadow:0 12px 36px #0f172a0f}.para-title-section{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:20px}.para-title-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.para-title-row h2{color:var(--navy);font-family:var(--font-head);font-size:24px;font-weight:850;letter-spacing:-.01em;line-height:1.3;margin:0}.para-badges-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.para-badges-row .badge{border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 12px;text-transform:uppercase}.para-section-title{align-items:center;color:var(--navy);display:flex;font-family:var(--font-head);font-size:16px;font-weight:800;gap:8px;justify-content:space-between;margin:28px 0 12px}.para-section-title:first-of-type{margin-top:0}.para-body-text{color:var(--text-soft);font-size:14.5px;line-height:1.7;margin-bottom:20px}.para-remarks-box{background:var(--accent-soft);border-left:4px solid var(--accent);border-radius:0 var(--r-md) var(--r-md) 0;box-shadow:0 4px 12px #0f172a05;margin:24px 0;padding:20px 24px}.para-remarks-title{color:var(--accent);font-family:var(--font-head);font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.para-remarks-text{color:var(--navy);font-size:14px;font-weight:600;line-height:1.6}.para-note-box{align-items:flex-start;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-soft);display:flex;font-size:13.5px;gap:10px;line-height:1.6;padding:16px 20px}.para-note-box strong{color:var(--navy);font-family:var(--font-head);font-weight:750}.para-sidebar{display:flex;flex-direction:column;gap:24px}.sidebar-widget{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:24px;transition:all var(--ease)}.sidebar-widget:hover{box-shadow:0 12px 30px #0f172a0f}.widget-title{border-bottom:1px solid var(--border);color:var(--muted);font-family:var(--font-head);font-size:12px;font-weight:800;letter-spacing:.08em;margin:0 0 20px;padding-bottom:10px;text-transform:uppercase}.meta-list{display:flex;flex-direction:column;gap:16px}.meta-item{gap:14px}.meta-icon,.meta-item{align-items:center;display:flex}.meta-icon{background:var(--bg);border-radius:var(--r-md);box-shadow:inset 0 2px 4px #00000005;color:var(--navy);flex-shrink:0;font-size:16px;height:38px;justify-content:center;width:38px}.meta-info{display:flex;flex-direction:column;gap:2px}.meta-label{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1;text-transform:uppercase}.meta-val{color:var(--text);font-size:13.5px;font-weight:650;line-height:1.4}.actions-widget{display:flex;flex-direction:column;gap:10px}.actions-widget .btn{border-radius:var(--r-md);font-size:13.5px;font-weight:700;justify-content:center;padding:12px 18px;width:100%}.para-table-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:28px 32px;transition:all var(--ease)}.para-table-card:hover{box-shadow:0 12px 36px #0f172a0f}.para-table-card h3{color:var(--navy);font-family:var(--font-head);font-size:18px;font-weight:850;margin:0 0 6px}.para-table-card p.muted{color:var(--muted);font-size:12.5px;line-height:1.5;margin:0 0 20px}.para-table-card table{border-collapse:collapse;width:100%}.para-table-card th{background:var(--bg);border-bottom:1.5px solid var(--border);color:var(--muted);font-family:var(--font-head);font-size:11px;font-weight:800;letter-spacing:.06em;padding:14px 16px;text-align:left;text-transform:uppercase}.para-table-card td{border-bottom:1px solid #e2e8f0b3;color:var(--text-soft);font-size:13.5px;padding:14px 16px;vertical-align:middle}.para-table-card tr:last-child td{border-bottom:none}.para-table-card tr:hover td{background:rgba(15,23,42,.015)}@media print{.modal-overlay,.no-print,.sidebar,.topbar{display:none!important}.main{margin-left:0!important}.content{padding:0!important}.para-detail-grid{display:block!important}.para-sidebar{margin-top:24px}.sidebar-widget{border:none!important;box-shadow:none!important;padding:0!important}.meta-list{grid-gap:16px!important;display:grid!important;gap:16px!important;grid-template-columns:repeat(3,1fr)!important}.meta-icon{display:none!important}.para-main-card,.para-table-card{border:1px solid #ccc!important;box-shadow:none!important;margin-bottom:16px!important;page-break-inside:avoid}}.page-submission{animation:fade-in-up .4s ease-out}.page-submission .card{transition:all var(--ease)}.page-submission .card:hover{box-shadow:var(--shadow-md)}input[type=file]{background:var(--white);border:2px dashed var(--mist-strong);border-radius:var(--r-sm);cursor:pointer;padding:12px;transition:all var(--ease)}input[type=file]:hover{background:var(--mist);border-color:var(--ink)}.page-submission .card .card{background:#fafbfc;border:1px solid var(--border);cursor:pointer;margin:0 0 10px;transition:all var(--ease)}.page-submission .card .card:hover{background:#fff;border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.page-submission ul{list-style:none;padding-left:0}.page-submission ul li{border-bottom:1px solid var(--border);padding:8px 0}.page-submission ul li:last-child{border-bottom:none}.ai-assistant{align-items:center;background:var(--mist);border:1px solid var(--mist-strong);border-radius:var(--r-sm);display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;padding:10px 14px}.ai-icon{font-size:18px}.ai-label{color:#6a1b9a;font-size:13px;font-weight:700}.ai-loader-overlay{align-items:center;animation:ai-fade-in .18s ease-out;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#ffffffc7;border-radius:6px;border-radius:var(--r-sm,6px);display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;pointer-events:all;position:absolute;z-index:5}.ai-loader-spinner{animation:ai-spin .9s linear infinite;border:3px solid #e4d6f1;border-radius:50%;border-top-color:#6a1b9a;height:36px;width:36px}.ai-loader-text{color:#6a1b9a;font-size:13px;font-weight:600;letter-spacing:.2px}.ai-loader-sub{color:#888;font-size:11px;margin-top:-4px}.ai-btn-spinner{animation:ai-spin .7s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid #0000;display:inline-block;height:12px;margin-right:6px;opacity:.85;vertical-align:-2px;width:12px}@keyframes ai-spin{to{transform:rotate(1turn)}}@keyframes ai-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.row{flex-direction:column}.row>*{min-width:100%}.ai-assistant{align-items:stretch;flex-direction:column}}.page-officers{animation:officers-fade-in .45s cubic-bezier(.16,1,.3,1) forwards}@keyframes officers-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.page-officers .toolbar{background:#0000;border:none;box-shadow:none;margin-bottom:24px;padding:0}.page-officers .btn-primary{border-radius:var(--r-md);box-shadow:0 4px 14px #0f172a40}.page-officers .card{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--ease)}.page-officers .card:hover{box-shadow:0 12px 36px #0f172a0f}.page-officers table{border-collapse:collapse;font-size:13.5px;width:100%}.page-officers th{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafcb3;border-bottom:1.5px solid var(--border);color:var(--muted);font-family:var(--font-head);font-size:11px;font-weight:750;letter-spacing:.06em;padding:16px 20px;text-transform:uppercase}.page-officers tbody tr{border-bottom:1px solid #e2e8f0b3;cursor:pointer;transition:all var(--ease-out)}.page-officers tbody tr:last-child{border-bottom:none}.page-officers tbody tr:hover{background:rgba(15,23,42,.025);transform:translateX(4px)}.page-officers td{color:var(--text-soft);padding:16px 20px;vertical-align:middle}.page-officers td strong{color:var(--navy);font-family:var(--font-head);font-size:14.5px;font-weight:800}.page-officers .tag-pill{background:#0000;border:none;border-radius:0;box-shadow:none;color:var(--accent);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;margin:0;padding:0;text-transform:uppercase}.page-officers .modal{border:1px solid #ffffff1a;border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:32px}@media (max-width:768px){.page-officers table{font-size:12.5px}.page-officers td,.page-officers th{padding:12px 10px}}.page-officer-profile{animation:fade-in-up .4s ease-out}.detail-item{background:var(--white);border:1px solid var(--mist-strong);border-radius:var(--r-sm);padding:12px 14px;transition:border-color var(--ease)}.detail-item:hover{border-color:var(--ink)}@media (max-width:768px){.page-officer-profile .detail-grid{grid-template-columns:1fr}}.page-zones{animation:zones-fade-in .45s cubic-bezier(.16,1,.3,1) forwards}@keyframes zones-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.page-zones .page-header{margin-bottom:24px}.page-zones .btn-primary{border-radius:var(--r-md);box-shadow:0 4px 14px #0f172a40}.page-zones .card{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--ease)}.page-zones .card:hover{box-shadow:0 12px 36px #0f172a0f}.page-zones table{border-collapse:collapse;font-size:13.5px;width:100%}.page-zones th{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafcb3;border-bottom:1.5px solid var(--border);color:var(--muted);font-family:var(--font-head);font-size:11px;font-weight:750;letter-spacing:.06em;padding:16px 20px;text-transform:uppercase}.page-zones tbody tr{border-bottom:1px solid #e2e8f0b3;cursor:pointer;transition:all var(--ease-out)}.page-zones tbody tr:last-child{border-bottom:none}.page-zones tbody tr:hover{background:rgba(15,23,42,.025);transform:translateX(4px)}.page-zones td{color:var(--text-soft);padding:16px 20px;vertical-align:middle}.page-zones td strong{color:var(--navy);font-family:var(--font-head);font-size:14.5px;font-weight:800}.page-zones .tag-pill{background:var(--accent-soft);border-radius:6px;color:var(--accent);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 10px;text-transform:uppercase}@media (max-width:768px){.page-zones table{font-size:12.5px}}.zones-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:10px}.zone-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .25s cubic-bezier(.16,1,.3,1)}.zone-card:hover{border-color:#2563eb4d;box-shadow:var(--shadow-lg),0 12px 24px -10px #0f172a26;transform:translateY(-5px)}.zone-card-header{align-items:center;display:flex;justify-content:space-between}.zone-card-title{color:var(--navy);font-family:var(--font-head);font-size:18px;font-weight:800;margin:0}.zone-card-body{color:var(--text-soft);display:flex;flex-direction:column;font-size:14px;gap:10px}.zone-info-item{align-items:center;display:flex;gap:10px}.zone-info-item i{color:var(--muted);font-size:16px;text-align:center;width:20px}.zone-card-footer{align-items:center;border-top:1px solid #e2e8f0cc;display:flex;justify-content:space-between;margin-top:auto;padding-top:16px}.zone-card-footer-label{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.zone-paras-badge{border-radius:20px;box-shadow:0 2px 6px #00000008;font-family:var(--font-head);font-size:13px;font-weight:800;letter-spacing:-.2px;padding:6px 12px}.zone-paras-badge.has-paras{background:#fef2f2;border:1px solid #ef444433;color:#ef4444}.zone-paras-badge.no-paras{background:#f0fdf4;border:1px solid #22c55e33;color:#22c55e}.page-zone-profile{animation:fade-in-up .4s ease-out}.detail-grid{grid-gap:1rem;gap:1rem;grid-template-columns:1fr 1fr;margin-top:1rem}.detail-item{background:#f8fafc;background:var(--surface,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--mist-strong,#e2e8f0);border-radius:8px;border-radius:var(--r-sm,8px);padding:12px 16px;transition:border-color .2s}.detail-item:hover{border-color:#334155;border-color:var(--ink,#334155)}.detail-label{color:#64748b;color:var(--muted,#64748b);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.detail-value{color:#0f172a;color:var(--ink,#0f172a);font-size:14px;font-weight:500}.zp-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:1.2rem}.zp-progress-wrap{align-items:center;display:flex;gap:10px;min-width:200px}.zp-progress-label{color:#10b981;font-size:12px;font-weight:600;white-space:nowrap}.zp-progress-bar{background:#e2e8f0;border-radius:99px;flex:1 1;height:8px;overflow:hidden}.zp-progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:99px;height:100%;transition:width .6s ease}.zp-status-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr)}.zp-status-card{border:1px solid #0000;border-radius:10px;cursor:pointer;padding:16px 12px;text-align:center;transition:transform .15s,box-shadow .15s}.zp-status-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.zp-status-icon{font-size:20px;margin-bottom:6px}.zp-status-count{font-size:28px;font-weight:800;line-height:1}.zp-status-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.04em;margin-top:4px;text-transform:uppercase}.zp-two-col{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.zp-assign-list{display:flex;flex-direction:column;gap:14px}.zp-assign-row{gap:10px}.zp-assign-left,.zp-assign-row{align-items:center;display:flex}.zp-assign-left{flex-shrink:0;gap:8px;width:140px}.zp-assign-icon{font-size:16px}.zp-assign-label{color:#334155;font-size:13px;font-weight:500}.zp-assign-bar-wrap{background:#f1f5f9;border-radius:99px;flex:1 1;height:8px;overflow:hidden}.zp-assign-bar-fill{border-radius:99px;height:100%;min-width:3px;transition:width .5s ease}.zp-assign-count{font-size:14px;font-weight:700;text-align:right;width:28px}.zp-finance-list{display:flex;flex-direction:column;gap:0}.zp-finance-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:10px 0}.zp-finance-row:last-child{border-bottom:none}.zp-finance-label{color:#64748b;font-size:13px}.zp-finance-value{color:#0f172a;font-size:14px;font-weight:600}.zp-finance-divider{background:#e2e8f0;height:1px;margin:4px 0}.zp-para-list{display:flex;flex-direction:column;gap:2px}.zp-para-row{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:background .15s}.zp-para-row:hover{background:#f8fafc}.zp-para-left{align-items:center;display:flex;gap:12px}.zp-para-icon{font-size:18px}.zp-para-no{color:#0f172a;font-size:14px;font-weight:600}.zp-para-year{color:#94a3b8;font-size:12px;font-weight:400}.zp-para-dept{color:#64748b;font-size:12px;margin-top:2px}.zp-para-right{align-items:center;display:flex;gap:10px}.zp-para-amount{color:#ef4444;font-size:13px;font-weight:600}.zp-para-badge{border-radius:99px;font-size:10px;font-weight:700;letter-spacing:.04em;padding:3px 8px;text-transform:uppercase}.zp-tab-header{align-items:center;gap:10px;justify-content:space-between;margin-bottom:1rem}.zp-tab-header,.zp-tabs{display:flex;flex-wrap:wrap}.zp-tabs{gap:8px}.zp-tab-btn{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:99px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:7px;padding:7px 16px;transition:all .15s}.zp-tab-btn:hover{border-color:#94a3b8;color:#334155}.zp-tab-btn.active{background:#fff;font-weight:700}.zp-tab-count{align-items:center;background:#e2e8f0;border-radius:99px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px;transition:background .15s}.zp-tab-btn:not(.active) .zp-tab-count{background:#cbd5e1;color:#475569}.zp-empty-tab{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-size:14px;gap:10px;justify-content:center;padding:36px 20px}@media (max-width:1100px){.zp-status-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.detail-grid,.zp-two-col{grid-template-columns:1fr}.zp-status-grid{grid-template-columns:repeat(2,1fr)}.zp-section-header{align-items:flex-start;flex-direction:column}}.stat-card.clickable{border:2px solid #0000;transition:all .25s cubic-bezier(.4,0,.2,1)}.stat-card.clickable:hover{box-shadow:0 10px 20px #00000014;transform:translateY(-4px) scale(1.02)}.stat-card.clickable.active{border-color:#3b82f6;border-color:var(--primary,#3b82f6);box-shadow:0 0 12px #3b82f640;transform:scale(1.03)}.stat-card.red.clickable.active{border-color:#ef4444;box-shadow:0 0 12px #ef444440}.stat-card.green.clickable.active{border-color:#10b981;box-shadow:0 0 12px #10b98140}.zp-assign-row.clickable,.zp-finance-row.clickable{border-left:4px solid #0000;border-radius:8px;cursor:pointer;margin:-2px -6px;padding:10px 12px;transition:all .2s ease}.zp-assign-row.clickable:hover,.zp-finance-row.clickable:hover{background:#f1f5f9}.zp-assign-row.clickable.active{background:#eff6ff;border-left-color:#3b82f6;font-weight:600;padding-left:12px}.zp-finance-row.clickable.active{background:#f0fdf4;border-left-color:#10b981;font-weight:600;padding-left:12px}.zp-finance-row.clickable.active .zp-finance-label{color:#1e293b;font-weight:700}.zp-list-toolbar{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;padding:14px}.zp-list-toolbar input:focus,.zp-list-toolbar select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-top-color:#3b82f6;height:24px;margin:0 auto 10px;width:24px}.page-notifications{animation:fade-in-up .4s cubic-bezier(.16,1,.3,1);margin:0 auto;max-width:900px;padding:1.5rem 1rem}.notifications-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.notifications-header h1{color:#07304e;color:var(--navy-dark,#07304e);font-size:1.8rem;margin:0}.notifications-header p{color:var(--muted);font-size:.9rem;margin:4px 0 0}.notifications-filters{align-items:center;background:#fff;background:var(--card,#fff);border:1px solid #e2e6eb;border:1px solid var(--border,#e2e6eb);border-radius:var(--r-md);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:.75rem 1.25rem}.filter-btn,.filter-buttons{display:flex;gap:.5rem}.filter-btn{align-items:center;background:#0000;border:none;border-radius:var(--r-sm);color:#3f4a57;color:var(--text-soft,#3f4a57);cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all var(--ease)}.filter-btn:hover{background:#f0f2f5;background:var(--bg,#f0f2f5);color:#1f2933;color:var(--text,#1f2933)}.filter-btn.active{background:#e8f1fb;background:var(--accent-soft,#e8f1fb);color:#1565c0;color:var(--accent,#1565c0)}.badge-count{align-items:center;background:#cdd4dc;background:var(--border-strong,#cdd4dc);border-radius:99px;color:#3f4a57;color:var(--text-soft,#3f4a57);display:inline-flex;font-size:.75rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 6px}.filter-btn.active .badge-count{background:#1565c0;background:var(--accent,#1565c0);color:#fff}.badge-count.unread-bg{background:#fdecea;background:var(--red-bg,#fdecea);color:#c62828;color:var(--red,#c62828)}.filter-btn.active .badge-count.unread-bg{background:#c62828;background:var(--red,#c62828);color:#fff}.badge-count.read-bg{background:#e8f5e9;background:var(--green-bg,#e8f5e9);color:#2e7d32;color:var(--green,#2e7d32)}.filter-btn.active .badge-count.read-bg{background:#2e7d32;background:var(--green,#2e7d32);color:#fff}.search-box{min-width:240px;position:relative}.search-box input{background:#f0f2f5;background:var(--bg,#f0f2f5);border:1px solid #e2e6eb;border:1px solid var(--border,#e2e6eb);border-radius:var(--r-sm);font-size:.88rem;padding:.5rem 1rem;transition:all var(--ease);width:100%}.search-box input:focus{background:#fff;border-color:#1565c0;border-color:var(--accent,#1565c0);box-shadow:0 0 0 3px #1565c026;outline:none}.notifications-list{display:flex;flex-direction:column;gap:.75rem}.notif-card{align-items:flex-start;background:#fff;background:var(--card,#fff);border:1px solid #e2e6eb;border:1px solid var(--border,#e2e6eb);border-radius:var(--r-md);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1.15rem 1.25rem;position:relative;transition:all var(--ease)}.notif-card:hover{border-color:#cdd4dc;border-color:var(--border-strong,#cdd4dc);box-shadow:var(--shadow-md);transform:translateX(4px)}.notif-accent-line{bottom:0;left:0;position:absolute;top:0;width:4px}.notif-card.unread{background:#fcfdfe;border-color:#e8f1fb;border-color:var(--accent-soft,#e8f1fb)}.notif-card.unread:after{background:#1565c0;background:var(--accent,#1565c0);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.notif-icon-wrap{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;width:36px}.notif-content{display:flex;flex-direction:column;flex-grow:1;gap:.5rem}.notif-message-row{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.notif-message{color:#1f2933;color:var(--text,#1f2933);font-size:.95rem;font-weight:500;line-height:1.45}.notif-card.unread .notif-message{color:#07304e;color:var(--navy-dark,#07304e);font-weight:650}.unread-dot{background-color:#1565c0;background-color:var(--accent,#1565c0);border-radius:50%;box-shadow:0 0 6px var(--accent);display:inline-block;flex-shrink:0;height:8px;margin-top:6px;width:8px}.notif-card.unread .unread-dot{background-color:#c62828;background-color:var(--red,#c62828);box-shadow:0 0 6px var(--red)}.notif-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.notif-badge{border:1px solid;border-radius:4px;display:inline-flex;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.15rem .5rem;text-transform:uppercase}.notif-time{color:var(--muted);font-size:.8rem}.empty-statecard{align-items:center;background:#fff;background:var(--card,#fff);border:1px solid #e2e6eb;border:1px solid var(--border,#e2e6eb);border-radius:var(--r-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem;text-align:center}.empty-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.8}.empty-statecard h3{color:#1f2933;color:var(--text,#1f2933);margin:0 0 .5rem}.empty-statecard p{color:var(--muted);margin:0}.modal-overlay{animation:fade-in .25s ease-out}@media (max-width:640px){.notifications-filters{align-items:stretch;flex-direction:column;gap:.75rem}.search-box{min-width:100%}.notif-card{padding:1rem}}.page-activity{animation:fade-in-up .4s cubic-bezier(.16,1,.3,1);padding:1.5rem 1rem}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.timeline-container{margin:1.5rem auto;max-width:900px;padding:0 1rem;position:relative}.timeline-container:before{background:var(--mist-strong);border-radius:4px;bottom:8px;content:"";left:28px;position:absolute;top:8px;width:3px}.timeline-item{animation:slide-in .5s cubic-bezier(.16,1,.3,1) forwards;display:flex;margin-bottom:2rem;opacity:0}.timeline-item:first-child{animation-delay:.05s}.timeline-item:nth-child(2){animation-delay:.1s}.timeline-item:nth-child(3){animation-delay:.15s}.timeline-item:nth-child(4){animation-delay:.2s}.timeline-item:nth-child(5){animation-delay:.25s}.timeline-item:nth-child(n+6){animation-delay:.3s}@keyframes slide-in{0%{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}.timeline-marker{align-items:center;background:#fff;background:var(--card,#fff);border:3px solid #e2e6eb;border:3px solid var(--border,#e2e6eb);border-radius:50%;box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;font-size:1.1rem;height:38px;justify-content:center;margin-right:1.5rem;position:relative;transition:all var(--ease);width:38px;z-index:2}.timeline-item:hover .timeline-marker{box-shadow:var(--shadow-hover);transform:scale(1.15)}.timeline-marker.blue,.timeline-marker.emerald,.timeline-marker.gray,.timeline-marker.green,.timeline-marker.orange,.timeline-marker.teal,.timeline-marker.violet{background:var(--white);border-color:var(--mist-strong);color:var(--ink)}.timeline-card{background:#fff;background:var(--card,#fff);border:1px solid #e2e6eb;border:1px solid var(--border,#e2e6eb);border-radius:var(--r-md);box-shadow:var(--shadow-sm);flex-grow:1;padding:1.25rem 1.5rem;position:relative;transition:all var(--ease)}.timeline-item:hover .timeline-card{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.timeline-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.action-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.action-badge.blue,.action-badge.emerald,.action-badge.gray,.action-badge.green,.action-badge.orange,.action-badge.teal,.action-badge.violet{background:var(--mist);border:1px solid var(--mist-strong);color:var(--ink)}.timeline-timestamp{color:var(--muted);font-size:.8rem;font-weight:500}.timeline-card-body{color:var(--text);font-size:.95rem;line-height:1.5}.timeline-detail-text{font-weight:500;margin:0 0 1rem}.timeline-card-meta{border-top:1px dashed var(--border);color:var(--muted);display:flex;flex-wrap:wrap;font-size:.8rem;gap:1.5rem;padding-top:.75rem}.meta-field{align-items:center;display:flex;gap:.35rem}.meta-icon{font-size:.9rem;opacity:.8}.meta-value{color:var(--text-soft);font-weight:600}@media (max-width:640px){.timeline-container:before{left:20px}.timeline-marker{border-width:2px;font-size:.95rem;height:32px;margin-right:1rem;width:32px}.timeline-card{padding:1rem}.timeline-card-header{align-items:flex-start;flex-direction:column;gap:.25rem}}.page-reviews{animation:reviews-fade-in .45s cubic-bezier(.16,1,.3,1) forwards}@keyframes reviews-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.replies-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.reply-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);overflow:hidden;padding:26px;position:relative;transition:all var(--ease-out)}.reply-card:before{background:var(--accent);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.reply-card:hover{box-shadow:0 16px 36px #0f172a14;transform:translateY(-3px)}.reply-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.reply-para{color:var(--navy);font-family:var(--font-head);font-size:19px;font-weight:850;margin:0}.reply-title{color:var(--muted);font-size:13.5px;margin-top:4px}.reply-meta{background:var(--bg);border-radius:var(--r-md);color:var(--text-soft);display:flex;flex-wrap:wrap;font-size:12px;gap:16px;margin-bottom:18px;padding:12px 16px}.reply-meta span{font-weight:600;white-space:nowrap}.reply-explanation{margin-bottom:18px}.reply-explanation strong{color:var(--muted);display:block;font-family:var(--font-head);font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.reply-explanation p{background:var(--bg);border-left:3px solid var(--border-strong);border-radius:var(--r-md);color:var(--text-soft);font-size:14px;line-height:1.6;margin:0;max-height:120px;overflow-y:auto;padding:14px}.reply-evidence{margin-bottom:18px}.reply-evidence strong{color:var(--muted);display:block;font-family:var(--font-head);font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.evidence-list{display:flex;flex-wrap:wrap;gap:8px}.evidence-list a{background:var(--accent-soft);border:1px solid #0f172a26;border-radius:var(--r-sm);color:var(--accent);font-size:12.5px;font-weight:650;padding:6px 12px;transition:all var(--ease)}.evidence-list a:hover{background:var(--accent);box-shadow:0 4px 10px #0f172a26;color:#fff;text-decoration:none;transform:translateY(-1.5px)}.review-remarks{background:var(--amber-bg);border-left:3px solid var(--amber);border-radius:var(--r-md);margin-bottom:18px;padding:14px 16px}.review-remarks strong{color:var(--amber);display:block;font-family:var(--font-head);font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.review-remarks p{color:var(--text-soft);font-size:13.5px;line-height:1.5;margin:4px 0}.review-remarks small{color:var(--muted);font-size:11px}.reply-actions{border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding-top:18px}.reply-actions .btn{border-radius:var(--r-md);font-size:13px;font-weight:700;padding:10px 16px}.modal:has(.review-summary){max-height:86vh;max-width:560px;overflow-y:auto;overscroll-behavior:contain;padding:0}.modal:has(.review-summary) h3{background:var(--white);border-bottom:1px solid var(--border);border-top-left-radius:14px;border-top-right-radius:14px;font-size:16px;font-weight:700;margin:0;padding:16px 22px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.modal:has(.review-summary)>.field,.modal:has(.review-summary)>.review-summary{margin-left:22px;margin-right:22px}.modal:has(.review-summary)>.review-summary{margin-top:16px}.modal:has(.review-summary) .modal-actions{background:var(--white);border-bottom-left-radius:14px;border-bottom-right-radius:14px;border-top:1px solid var(--border);bottom:0;margin:16px 0 0;padding:12px 22px;position:-webkit-sticky;position:sticky;z-index:2}.modal:has(.review-summary)>.field:last-of-type{margin-bottom:0}.modal:has(.review-summary) textarea{max-height:110px;min-height:70px;resize:vertical}.review-summary{background:var(--accent-soft);border-radius:var(--r-md);margin-bottom:14px;padding:14px 16px}.review-summary p{color:var(--text-soft);font-size:13px;margin:4px 0}.review-explanation-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-soft);font-size:13px;line-height:1.6;max-height:130px;overflow-y:auto;padding:12px 14px;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.replies-grid{grid-template-columns:1fr}.reply-meta{flex-direction:column;gap:8px}}.page-analytics{animation:analytics-fade-in .45s cubic-bezier(.16,1,.3,1) forwards}@keyframes analytics-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.rate-bar{background:#f1f5f9;box-shadow:inset 0 2px 4px #0000000a;height:24px;overflow:hidden}.rate-bar,.rate-fill{border-radius:99px;position:relative}.rate-fill{height:100%;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.rate-fill:after{animation:bar-shimmer 2.5s infinite;background:linear-gradient(90deg,#fff0,#ffffff40 50%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.rate-fill.rate-high{background:linear-gradient(90deg,var(--green),#34d399)}.rate-fill.rate-mid{background:linear-gradient(90deg,var(--amber),#fbbf24)}.rate-fill.rate-low{background:linear-gradient(90deg,var(--red),#f87171)}.rate-text{color:var(--navy);font-size:11px;font-weight:800;left:50%;letter-spacing:.02em;position:absolute;text-shadow:0 1px 2px #ffffffe6;top:50%;transform:translate(-50%,-50%);z-index:2}.page-analytics .card{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--ease)}.page-analytics .card:hover{box-shadow:0 12px 36px #0f172a0f}.page-analytics table{border-collapse:collapse;font-size:13.5px;width:100%}.page-analytics th{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafcb3;border-bottom:1.5px solid var(--border);color:var(--muted);font-family:var(--font-head);font-size:11px;font-weight:750;letter-spacing:.06em;padding:16px 20px;text-transform:uppercase}.page-analytics tbody tr{border-bottom:1px solid #e2e8f0b3;cursor:pointer;transition:all var(--ease-out)}.page-analytics tbody tr:last-child{border-bottom:none}.page-analytics tbody tr:hover{background:rgba(15,23,42,.025);transform:translateX(4px)}.page-analytics td{color:var(--text-soft);padding:16px 20px;vertical-align:middle}.page-analytics td strong{color:var(--navy);font-family:var(--font-head);font-size:14.5px;font-weight:800}.page-analytics .badge{border-radius:99px;font-size:10px;font-weight:700;padding:3px 8px}@media (max-width:768px){.page-analytics table{font-size:12.5px}.page-analytics td,.page-analytics th{padding:12px 10px}}:root{--sky:#1e3a8a;--sky-dark:#172554;--sky-ink:#172554;--sky-soft:#dbeafe;--sky-border:#bfdbfe;--sky-tint:#f0f9ff;--white:#fff;--bg:#fff;--card:#fff;--ink:#0f172a;--ink-soft:#1e293b;--ink-mute:#334155;--muted:#64748b;--soft:#94a3b8;--border:#e2e8f0;--border-strong:#cbd5e1;--hairline:#f1f5f9;--hover:#f8fbff;--text:var(--ink);--text-soft:var(--ink-mute);--navy:var(--ink);--navy-dark:var(--ink);--navy-deep:var(--ink-soft);--accent:var(--sky);--accent-dark:var(--sky-dark);--accent-hover:var(--sky-dark);--accent-soft:var(--sky-tint);--red:#dc2626;--red-bg:#fef2f2;--red-border:#fca5a5;--red-hover:#b91c1c;--green:#16a34a;--green-bg:#f0fdf4;--green-border:#86efac;--green-hover:#15803d;--amber:#d97706;--amber-bg:#fffbeb;--amber-border:#fde68a;--amber-hover:#b45309;--blue:#172554;--blue-bg:#eff6ff;--blue-border:#bfdbfe;--teal:var(--green);--teal-bg:var(--green-bg);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:36px;--r-sm:7px;--r-md:9px;--r-lg:10px;--r-xl:14px;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a0f;--shadow-lg:0 12px 32px #0f172a1f;--shadow-hover:0 4px 14px #0ea5e92e;--ease:0.15s ease;--ease-out:0.25s cubic-bezier(0.2,0,0,1);--sidebar-w:220px;--font-head:"Inter","Noto Sans Tamil",system-ui,-apple-system,"Segoe UI",sans-serif;--font-body:"Inter","Noto Sans Tamil",system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--white);color:var(--ink-soft);font-family:Inter,Noto Sans Tamil,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-body);letter-spacing:-.005em;line-height:1.55}a{color:#172554;color:var(--sky-ink);text-decoration:none;transition:color .15s ease;transition:color var(--ease)}a:hover{color:#172554;color:var(--sky-dark)}h1,h2,h3,h4{color:#0f172a;color:var(--ink);font-family:Inter,Noto Sans Tamil,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-head);font-weight:700;letter-spacing:-.015em;line-height:1.2}h1{font-weight:800}h4{font-weight:600}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#cbd5e1;background:var(--border-strong)}::-webkit-scrollbar-track{background:#0000}.app-shell{background:#fff;background:var(--white);min-height:100vh}.sidebar{background:#1e3a8a;background:var(--sky);color:#ffffffeb;display:flex;flex-direction:column;height:100vh;min-width:220px;min-width:var(--sidebar-w);position:fixed;width:220px;width:var(--sidebar-w);z-index:20}.sidebar::-webkit-scrollbar-thumb{background:#ffffff26}.sidebar .brand{align-items:center;border-bottom:1px solid #ffffff2e;display:flex;gap:10px;padding:20px 16px 14px}.sidebar .brand .brand-mark{align-items:center;background:#ffffff26;border-radius:8px;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.sidebar .brand .brand-mark i{color:#fff;color:var(--white);font-size:18px}.sidebar .brand h1{color:#fff;color:var(--white);font-family:Inter,Noto Sans Tamil,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-head);font-size:13.5px;font-weight:700;letter-spacing:-.005em;line-height:1.3}.sidebar .brand span{color:#ffffffb8;display:block;font-size:10.5px;font-weight:500;margin-top:3px}.sidebar nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:10px}.nav-section{color:#ffffff8c;font-size:10px;font-weight:600;letter-spacing:.14em;padding:14px 12px 4px;text-transform:uppercase}.nav-link{align-items:center;border-radius:8px;color:#ffffffe0;cursor:pointer;display:flex;font-size:12.5px;font-weight:500;gap:10px;padding:9px 12px;text-decoration:none;transition:background .15s ease,color .15s ease;transition:background var(--ease),color var(--ease)}.nav-link:hover{background:#ffffff26;color:#fff;color:var(--white);text-decoration:none}.nav-link.active{background:#fff;background:var(--white);color:#172554;color:var(--sky-ink);font-weight:700}.nav-icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;width:18px}.nav-icon,.nav-icon i{font-size:16px}.nav-link .badge.red{background:#ef4444;border:none;border-radius:10px;color:#fff;color:var(--white);font-size:10px;font-weight:700;margin-left:auto;padding:1px 6px}.sidebar-user{background:#0000001a;border-top:1px solid #ffffff2e;padding:12px 14px}.su-card{gap:10px;margin-bottom:9px}.su-avatar,.su-card{align-items:center;display:flex}.su-avatar{background:#fff;background:var(--white);border-radius:50%;color:#172554;color:var(--sky-ink);flex-shrink:0;font-size:12px;font-weight:700;height:36px;justify-content:center;width:36px}.su-info{flex:1 1;min-width:0}.su-name{color:#fff;color:var(--white);font-size:12px;font-weight:600;line-height:1.25}.su-name,.su-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.su-role{color:#ffffffb3;font-size:10px;margin-top:1px}.su-logout{align-items:center;background:#ffffff1f;border:1px solid #ffffff47;border-radius:7px;color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:inherit;font-size:11.5px;font-weight:500;gap:6px;justify-content:center;padding:7px 10px;transition:background .15s ease;transition:background var(--ease);width:100%}.su-logout:hover{background:#ffffff38}.su-logout i{font-size:14px}.main{background:#fff;display:flex;flex:1 1;flex-direction:column;margin-left:220px;margin-left:var(--sidebar-w);min-height:100vh;min-width:0}.main,.topbar{background:var(--white)}.topbar{border-bottom:1px solid var(--border);height:90px!important;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:15}.topbar .page-title{color:#0f172a;color:var(--ink);flex:1 1;font-family:Inter,Noto Sans Tamil,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-head);font-size:15px;font-weight:600;letter-spacing:-.005em;line-height:1.1}.topbar .page-title small{color:#64748b;color:var(--muted);display:block;font-family:Inter,Noto Sans Tamil,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-body);font-size:11px;font-weight:400;letter-spacing:0;margin-top:2px}.topbar-right{align-items:center;display:flex;gap:8px}.lang-seg{background:#dbeafe;background:var(--sky-soft);border:1px solid #bfdbfe;border:1px solid var(--sky-border);border-radius:6px;display:flex;overflow:hidden}.lang-seg button{background:#0000;border:none;color:#172554;color:var(--sky-ink);cursor:pointer;font-family:inherit;font-size:11.5px;font-weight:700;padding:5px 11px;transition:background .15s ease;transition:background var(--ease)}.lang-seg button:hover{background:#0ea5e914}.lang-seg button.active{background:#1e3a8a;background:var(--sky);color:#fff;color:var(--white)}.topbar-bell{align-items:center;background:#fff;background:var(--white);border:1px solid #cbd5e1;border:1px solid var(--border-strong);border-radius:7px;color:#334155;color:var(--ink-mute);cursor:pointer;display:flex;font-size:15px;height:34px;justify-content:center;position:relative;transition:background .15s ease,border-color .15s ease;transition:background var(--ease),border-color var(--ease);width:34px}.topbar-bell:hover{background:#f8fbff;background:var(--hover);border-color:#bfdbfe;border-color:var(--sky-border)}.topbar-bell i{font-size:16px}.topbar-bell .bell-dot{background:#ef4444;border:2px solid #fff;border:2px solid var(--white);border-radius:50%;height:7px;position:absolute;right:6px;top:6px;width:7px}.content{animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:16px}.page-header h1{font-size:20px;margin-bottom:2px}.page-header .sub,.page-subtitle{color:#64748b;color:var(--muted);font-size:12px;margin-top:2px}.btn{align-items:center;background:#fff;background:var(--white);border:1px solid #cbd5e1;border:1px solid var(--border-strong);border-radius:8px;color:#334155;color:var(--ink-mute);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 20px;transition:background .15s ease,border-color .15s ease;transition:background var(--ease),border-color var(--ease);white-space:nowrap}.btn:hover{background:#f8fbff;background:var(--hover);border-color:#94a3b8;border-color:var(--soft)}.btn:active{transform:translateY(.5px)}.btn:focus-visible{outline:2px solid #1e3a8a;outline:2px solid var(--sky);outline-offset:2px}.btn-primary{background:var(--sky);border-color:#1e3a8a;border-color:var(--sky);color:var(--white)}.btn-primary:hover{background:var(--sky-dark);border-color:#172554;border-color:var(--sky-dark);color:#fff;color:var(--white)}.btn-success{background:var(--green-bg);border-color:#86efac;border-color:var(--green-border);color:var(--green-hover)}.btn-success:hover{background:#16a34a;background:var(--green);border-color:#16a34a;border-color:var(--green);color:#fff;color:var(--white)}.btn-danger{background:var(--red-bg);border-color:#fca5a5;border-color:var(--red-border);color:var(--red-hover)}.btn-danger:hover{background:#dc2626;background:var(--red);border-color:#dc2626;border-color:var(--red);color:#fff;color:var(--white)}.btn-outline{background:var(--white);border-color:#bfdbfe;border-color:var(--sky-border);color:#172554;color:var(--sky-ink)}.btn-outline:hover{background:#f0f9ff;background:var(--sky-tint);border-color:#1e3a8a;border-color:var(--sky)}.btn-sm{border-radius:6px;font-size:13px;padding:8px 16px}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:none;padding:18px;transition:border-color .15s ease;transition:border-color var(--ease)}.card:hover{border-color:#cbd5e1;border-color:var(--border-strong)}.card h3{align-items:center;color:#0f172a;color:var(--ink);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:14px}.card h3 i{color:#1e3a8a;color:var(--sky);font-size:16px}.card h4{color:#0f172a;color:var(--ink);font-size:13px;font-weight:600}.stat-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.stat-card{background:var(--white);border:1px solid var(--border);border-radius:10px;border-radius:var(--r-lg);box-shadow:none;overflow:hidden;padding:14px 16px;position:relative;transition:border-color .15s ease;transition:border-color var(--ease)}.stat-card:before{content:none}.stat-card.clickable{cursor:pointer}.stat-card:hover{border-color:#bfdbfe;border-color:var(--sky-border)}.stat-card .stat-value{color:#0f172a;color:var(--ink);font-family:Inter,Noto Sans Tamil,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-head);font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1}.stat-card .stat-label{color:#64748b;color:var(--muted);font-size:10.5px;font-weight:500;letter-spacing:0;line-height:1.3;margin-top:5px;text-transform:none}.stat-card.red .stat-value{color:#dc2626;color:var(--red)}.stat-card.green .stat-value{color:#16a34a;color:var(--green)}.stat-card.amber .stat-value{color:#d97706;color:var(--amber)}.stat-card.blue .stat-value{color:#172554;color:var(--sky-ink)}.table-wrap{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:9px;border-radius:var(--r-md);overflow-x:auto}.table-wrap,table{background:#fff;background:var(--white)}table{font-size:12.5px}td,th{background:#fff;background:var(--white);padding:10px 14px;text-align:left;vertical-align:middle}th{background:#f8fafc;border-bottom:1px solid var(--border);color:#334155;color:var(--ink-mute);position:-webkit-sticky;position:sticky;top:0;z-index:1}td{border-bottom:1px solid var(--hairline);color:var(--ink-soft)}tbody tr{cursor:pointer;transition:background .15s ease;transition:background var(--ease)}tbody tr:hover td{background:#f8fbff;background:var(--hover)}tbody tr:last-child td{border-bottom:none}.t-right,td.num,th.num{text-align:right}.t-center{text-align:center}.badge{align-items:center;border:1px solid #0000;border-radius:20px;display:inline-flex;font-size:10.5px;font-weight:700;gap:5px;padding:2px 9px;white-space:nowrap}.badge .badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:6px;opacity:.9;width:6px}.badge.red{background:#fef2f2;background:var(--red-bg);border-color:#fca5a5;border-color:var(--red-border);color:#b91c1c;color:var(--red-hover)}.badge.green{background:#f0fdf4;background:var(--green-bg);border-color:#86efac;border-color:var(--green-border);color:#15803d;color:var(--green-hover)}.badge.amber{background:#fffbeb;background:var(--amber-bg);border-color:#fde68a;border-color:var(--amber-border);color:#b45309;color:var(--amber-hover)}.badge.blue{background:#eff6ff;background:var(--blue-bg);border-color:#bfdbfe;border-color:var(--blue-border);color:#172554;color:var(--blue)}.badge.sky,.badge.teal{background:#dbeafe;background:var(--sky-soft);border-color:#bfdbfe;border-color:var(--sky-border);color:#172554;color:var(--sky-ink)}.badge.gray,.badge.grey{background:#f1f5f9;background:var(--hairline);border-color:#cbd5e1;border-color:var(--border-strong);color:#334155;color:var(--ink-mute)}.dot{border-radius:50%;display:inline-block;height:8px;margin-right:8px;width:8px}.dot.red{background:#dc2626;background:var(--red)}.dot.green{background:#16a34a;background:var(--green)}.dot.amber{background:#d97706;background:var(--amber)}.tag-pill{background:#dbeafe;background:var(--sky-soft);border:1px solid #bfdbfe;border:1px solid var(--sky-border);border-radius:6px;color:#172554;color:var(--sky-ink);display:inline-block;font-size:11px;font-weight:600;margin:2px 4px 2px 0;padding:2px 8px}.field{margin-bottom:13px}.field label{color:#334155;color:var(--ink-mute);display:block;font-size:11.5px;font-weight:600;margin-bottom:5px}input,select,textarea{background:#fff;background:var(--white);border:1px solid #cbd5e1;border:1px solid var(--border-strong);border-radius:7px;color:#1e293b;color:var(--ink-soft);font-family:inherit;font-size:12.5px;height:34px;padding:8px 12px;transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--ease),box-shadow var(--ease);width:100%}input::placeholder,textarea::placeholder{color:#94a3b8;color:var(--soft)}textarea{height:auto;min-height:80px;padding:8px 12px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#1e3a8a;border-color:var(--sky);box-shadow:0 0 0 2px #0ea5e926;outline:none}input:disabled,select:disabled,textarea:disabled{background:#f1f5f9;background:var(--hairline);color:#64748b;color:var(--muted);cursor:not-allowed}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:34px}input[type=checkbox]{accent-color:#1e3a8a;accent-color:var(--sky);cursor:pointer;height:auto;width:auto}input[type=file]{font-size:12px;height:auto;padding:8px 12px}.row{display:flex;flex-wrap:wrap;gap:14px}.row>*{flex:1 1;min-width:200px}.toolbar{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:9px;border-radius:var(--r-md);box-shadow:none;margin-bottom:14px}.toolbar input,.toolbar select{min-width:150px;width:auto}.toolbar input:not([type]),.toolbar input[type=search]{background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat 10px;background:var(--white) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat 10px center;padding-left:32px;width:200px}.spacer{flex:1 1}.toolbar label{color:#334155;color:var(--ink-mute);font-size:12px;font-weight:500;gap:6px;white-space:nowrap}.modal-overlay,.toolbar label{align-items:center;display:flex}.modal-overlay{animation:overlay-fade .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;inset:0;justify-content:center;overflow:hidden;overscroll-behavior:contain;padding:24px;position:fixed;z-index:100}body:has(.modal-overlay),html:has(.modal-overlay){overflow:hidden!important}.app-shell:has(.modal-overlay) .content{overflow:hidden!important}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.modal{animation:modal-pop .18s ease-out;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 32px #0f172a1f;box-shadow:var(--shadow-lg);max-height:88vh;max-width:460px;overflow-y:auto;overscroll-behavior:contain;padding:22px 24px;width:100%}.modal.modal-wide{max-width:760px}@keyframes modal-pop{0%{opacity:0;transform:scale(.98) translateY(6px)}to{opacity:1;transform:none}}.modal h3{border-bottom:none;color:#0f172a;color:var(--ink);font-size:15px;font-weight:700;margin-bottom:16px;padding-bottom:0}.modal-actions{border-top:none;display:flex;gap:8px;justify-content:flex-end;margin-top:18px;padding-top:0}.timeline-item{border-left:2px solid #e2e8f0;border-left:2px solid var(--border);padding:0 0 18px 18px;position:relative}.timeline-item:last-child{border-left-color:#0000;padding-bottom:0}.timeline-item:before{background:#1e3a8a;background:var(--sky);border:2px solid #fff;border:2px solid var(--white);border-radius:50%;box-shadow:0 0 0 1px #1e3a8a;box-shadow:0 0 0 1px var(--sky);content:"";height:10px;left:-6px;position:absolute;top:3px;width:10px}.timeline-item .ti-action{color:#0f172a;color:var(--ink);font-size:13.5px;font-weight:600}.timeline-item .ti-meta{color:#64748b;color:var(--muted);font-size:11.5px}.detail-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-grid .dg-label,.detail-item .muted{color:#64748b;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.detail-grid .dg-value{color:#0f172a;color:var(--ink);font-size:13px;font-weight:600;margin-top:4px}.detail-item{display:flex;flex-direction:column;gap:4px}.section-tabs{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px}.section-tab{background:#0000;border-bottom:2px solid #0000;color:#64748b;color:var(--muted);cursor:pointer;font-size:12.5px;font-weight:500;margin-bottom:-1px;padding:9px 14px;transition:color .15s ease,border-color .15s ease;transition:color var(--ease),border-color var(--ease)}.section-tab.active,.section-tab:hover{color:#172554;color:var(--sky-ink)}.section-tab.active{border-bottom-color:#1e3a8a;border-bottom-color:var(--sky);font-weight:600}.error-text{background:#fef2f2;background:var(--red-bg);border:1px solid #fca5a5;border:1px solid var(--red-border);border-radius:7px;color:#b91c1c;color:var(--red-hover);font-size:12px;font-weight:500;margin-bottom:14px;padding:10px 14px}.center-screen,.muted{color:#64748b;color:var(--muted)}.center-screen{align-items:center;display:flex;font-size:14px;justify-content:center;min-height:60vh}.lang-toggle{background:#dbeafe;background:var(--sky-soft);border:1px solid #bfdbfe;border:1px solid var(--sky-border);border-radius:6px;color:#172554;color:var(--sky-ink);cursor:pointer;font-size:11.5px;font-weight:700;padding:5px 11px;transition:background .15s ease;transition:background var(--ease)}.lang-toggle:hover{background:#1e3a8a;background:var(--sky);color:#fff;color:var(--white)}.empty-state{color:#64748b;color:var(--muted);font-size:13px;padding:48px 20px;text-align:center}.spinner{animation:spin .75s linear infinite;border:2px solid #e2e8f0;border-top-color:#1e3a8a;border:2px solid var(--border);border-radius:50%;border-top-color:var(--sky);height:32px;margin:20px auto;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.page-enter{animation:fade-in .2s ease-out}@media (max-width:900px){:root{--sidebar-w:0px}.sidebar{transform:translateX(-100%)}.main{margin-left:0}.content{padding:16px 12px}.topbar{padding:0 14px}.stat-grid{grid-template-columns:1fr 1fr}}.print-only{display:none}@media print{.print-only{display:block!important}.action-row,.btn,.btn-outline,.btn-primary,.modal-overlay,.no-print,.pagination,.sb,.toolbar,.topbar{display:none!important}.app-shell{display:block!important}.main-area{width:100%!important}.content,.main-area{margin:0!important;padding:0!important}body,html{background:#fff!important}.card{border:1px solid #d1d5db!important;box-shadow:none!important;page-break-inside:avoid}}body{background:#e8edf2;color:#1e293b;font-family:Segoe UI,system-ui,sans-serif;font-size:14px}.app-shell{background:#f0f4f8;display:flex;height:100vh;overflow:hidden;width:100%}.sb{background:#1e3a8a;display:flex;flex-direction:column;height:100%;min-width:220px;width:220px}.sb-brand{align-items:center;border-bottom:1px solid #ffffff2e;display:flex;gap:10px;padding:20px 16px 14px}.sb-brand-text{display:flex;flex-direction:column}.sb-brand-title{color:#fff;font-size:13.5px;font-weight:700;line-height:1.3}.sb-brand-sub{color:#ffffffb8;font-size:10.5px;margin-top:3px}.sb-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:10px}.sb-nav-section{color:#ffffff8c;font-size:10px;font-weight:600;letter-spacing:.14em;padding:14px 12px 4px;text-transform:uppercase}.sb-item{align-items:center;border-radius:8px;color:#ffffffd9;cursor:pointer;display:flex;font-size:12.5px;font-weight:500;gap:10px;padding:9px 12px;text-decoration:none;transition:background .15s}.sb-item:hover{background:#ffffff26;color:#fff;text-decoration:none}.sb-item.active{background:#fff;color:#172554;font-weight:700}.sb-item i{flex-shrink:0;font-size:16px;text-align:center;width:18px}.sb-badge{border-radius:10px;display:inline-block;font-size:10px;font-weight:700;margin-left:auto;padding:1px 6px}.sb-badge,.sb-item.active .sb-badge{background:#ef4444;color:#fff}.sb-user{background:#0000001a;border-top:1px solid #ffffff2e;padding:12px 14px}.sb-avatar{background:#fff;border-radius:50%;color:#172554;flex-shrink:0;font-size:12px;font-weight:700;height:36px;justify-content:center;width:36px}.sb-avatar,.sb-user-row{align-items:center;display:flex}.sb-user-row{gap:10px;margin-bottom:9px}.sb-user-name{color:#fff;font-size:12px;font-weight:600;line-height:1.25}.sb-user-role{color:#ffffffb3;font-size:10px}.sb-logout{align-items:center;background:#ffffff1f;border:1px solid #ffffff47;border-radius:7px;color:#fff;cursor:pointer;display:flex;font-size:11.5px;font-weight:500;gap:6px;justify-content:center;padding:7px 10px;transition:background .15s;width:100%}.sb-logout:hover{background:#ffffff38}.main-area{background:#f0f4f8;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.topbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:10px;height:72px;padding:0 20px}.topbar-title{color:#0f172a;flex:1 1;font-size:15px;font-weight:600}.topbar-title small{color:#64748b;display:block;font-size:11px;font-weight:400;margin-top:2px}.topbar-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:7px;color:#334155;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;padding:6px 13px}.topbar-btn:hover{background:#f8fafc}.topbar-lang{background:#dbeafe;border:1px solid #bfdbfe;border-radius:6px;color:#172554;cursor:pointer;font-size:11.5px;font-weight:700;padding:5px 11px}.content{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px 20px}.stat-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;border-top:3px solid #1e3a8a;cursor:pointer;padding:36px 16px;text-align:center;transition:border-color .15s,transform .15s}.stat-card:hover{border-color:#1e3a8a;transform:translateY(-2px)}.stat-card.red{border-top-color:#dc2626}.stat-card.red .sv{color:#dc2626}.stat-card.green{border-top-color:#16a34a}.stat-card.green .sv{color:#16a34a}.stat-card.amber{border-top-color:#d97706}.stat-card.amber .sv{color:#d97706}.sv{color:#0f172a;font-size:22px;font-weight:700;line-height:1}.sl{color:#64748b;font-size:10px;font-weight:600;letter-spacing:.05em;line-height:1.3;margin-top:4px;text-transform:uppercase}.card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:14px;overflow:hidden}.card-pad{padding:14px 16px}.card-title{align-items:center;color:#0f172a;display:flex;font-size:12.5px;font-weight:600;gap:7px;margin-bottom:12px}.card-title i{color:#1e3a8a;font-size:15px}.toolbar{align-items:center;background:#fcfcfd;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px}.toolbar input,.toolbar select{background:#fff;border:1px solid #cbd5e1;border-radius:7px;color:#334155;font-family:inherit;font-size:12px;height:33px;outline:none;padding:0 10px}.toolbar input{padding-left:30px;width:170px}.toolbar select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;min-width:118px;padding-right:28px}.toolbar input:focus,.toolbar select:focus{border-color:#1e3a8a;box-shadow:0 0 0 2px #1e3a8a26}.search-wrap{align-items:center;display:flex;position:relative}.search-wrap i{color:#94a3b8;font-size:14px;left:9px;position:absolute}.action-row{align-items:center;background:#fafbfc;border-bottom:1px solid #f1f5f9;display:flex;gap:7px;justify-content:flex-end;padding:8px 14px}.btn-outline{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:7px;color:#334155;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11.5px;font-weight:500;gap:5px;padding:6px 13px;transition:background .12s,border-color .12s}.btn-outline:hover{background:#f8fafc;border-color:#94a3b8}.btn-primary{align-items:center;background:#1e3a8a;border:none;border-radius:7px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11.5px;font-weight:600;gap:5px;padding:6px 14px;transition:background .12s}.btn-primary:hover{background:#172554}.btn-success{background:#f0fdf4;border:1px solid #86efac;border-radius:7px;color:#15803d}.btn-danger,.btn-success{align-items:center;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:600;gap:4px;padding:5px 11px}.btn-danger{background:#fef2f2;border:1px solid #fca5a5;border-radius:7px;color:#b91c1c}.btn-amber{align-items:center;background:#fffbeb;border:1px solid #fde68a;border-radius:7px;color:#b45309;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:600;gap:4px;padding:5px 11px}.tbl-wrap{background:#fff;overflow-x:auto}table{border-collapse:collapse;font-size:12px;width:100%}thead{background:#f8fafc}th{border-bottom:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:600;letter-spacing:.02em;padding:9px 12px;text-align:left;white-space:nowrap}td.r,th.r{text-align:right}td{border-bottom:1px solid #f1f5f9;color:#1e293b;padding:9px 12px;vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:#f8fbff;cursor:pointer}.para-no{color:#172554;font-weight:700}.td-desc{color:#334155;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{color:#94a3b8;font-size:11px}.b-red{background:#fef2f2;border:1px solid #fca5a5;color:#b91c1c}.b-green{background:#f0fdf4;border:1px solid #86efac;color:#15803d}.b-blue{background:#eff6ff;border:1px solid #bfdbfe;color:#172554}.b-amber{background:#fffbeb;border:1px solid #fde68a;color:#b45309}.b-sky{background:#dbeafe;border:1px solid #bfdbfe;color:#172554}.b-gray{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.pagination{gap:4px;justify-content:flex-end;padding:10px 14px}.pagination,.pg-btn{align-items:center;background:#fff;display:flex}.pg-btn{border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-family:inherit;font-size:12px;height:28px;justify-content:center;width:28px}.pg-btn.active{background:#1e3a8a;border-color:#1e3a8a;color:#fff;font-weight:700}.pg-btn:disabled{cursor:default;opacity:.4}.welcome-banner{align-items:center;background:#1e3a8a;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:14px;padding:18px 22px}.wb-title{color:#fff;font-size:18px;font-weight:700}.wb-sub{color:#ffffffd1;font-size:12px;margin-top:4px}.wb-icon{color:#ffffff47;font-size:40px}.bar-row{align-items:center;display:flex;gap:12px;margin-bottom:9px}.bar-label{color:#64748b;flex-shrink:0;font-size:10.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;width:115px}.bar-track{background:#f1f5f9;border-radius:6px;flex:1 1;height:10px;overflow:hidden}.bar-fill{border-radius:6px;height:100%}.bar-val{color:#0f172a;font-size:10px;font-weight:700;text-align:right;width:30px}.activity-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:all .2s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#f8fbff;border-bottom-color:#0000;transform:translateX(6px)}.activity-dot{border-radius:50%;flex-shrink:0;height:7px;margin-top:4px;width:7px}.act-text{font-size:12px}.act-meta{color:#94a3b8;font-size:10.5px;margin-top:1px}
/*# sourceMappingURL=main.8b9b3238.css.map*/