:root{--primary-green:#08a64d;--primary-green-hover:#06883e;--dark-navy:#03258c;--dark-navy-hover:#021a66;--soft-green:#e9f8ef;--soft-green-border:#bcf0d0;--gold-accent:#bf9f63;--light-gray:#f7f8fa;--border-gray:#e5e7eb;--text-dark:#1f2937;--text-muted:#6b7280;--text-light:#9ca3af;--white:#fff;--status-wait-bg:#fef3c7;--status-wait-text:#d97706;--status-wait-border:#fcd34d;--status-pr-bg:#e0f2fe;--status-pr-text:#0284c7;--status-pr-border:#7dd3fc;--status-po-bg:#e9f8ef;--status-po-text:#08a64d;--status-po-border:#86efac;--status-complete-bg:#f3e8ff;--status-complete-text:#7e22ce;--status-complete-border:#d8b4fe;--alert-red-bg:#fee2e2;--alert-red-text:#dc2626;--alert-red-border:#fca5a5;--font-family:"Noto Sans Thai", "Sarabun", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #03258c0f, 0 2px 4px -1px #03258c0a;--shadow-lg:0 10px 15px -3px #03258c14, 0 4px 6px -2px #03258c0a;--shadow-xl:0 20px 25px -5px #03258c1a, 0 10px 10px -5px #03258c0a;--shadow-glow:0 0 20px #08a64d33;--transition-fast:all .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--light-gray);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:2rem 1.5rem 4rem}.saas-header{background:linear-gradient(135deg, var(--dark-navy) 0%, #011657 100%);color:var(--white);box-shadow:var(--shadow-md);z-index:100;border-bottom:3px solid var(--gold-accent);padding:1rem 1.5rem;position:sticky;top:0}.banner-ticker-wrapper{color:#1e293b;-webkit-user-select:none;user-select:none;z-index:95;background:#fff;border-bottom:2px solid #e2e8f0;align-items:center;height:42px;font-size:.85rem;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.banner-ticker-badge{color:#fff;white-space:nowrap;z-index:10;letter-spacing:.02em;background:linear-gradient(135deg,#03258c 0%,#011657 100%);border-right:3px solid #bf9f63;align-items:center;gap:.5rem;height:100%;padding:0 1.25rem;font-size:.8rem;font-weight:800;display:flex;box-shadow:4px 0 12px #03258c26}.ticker-icon-pulse{color:#bf9f63;animation:1.5s ease-in-out infinite pulse-icon}@keyframes pulse-icon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.banner-ticker-content{flex:1;align-items:center;display:flex;position:relative;overflow:hidden}.banner-ticker-track{white-space:nowrap;will-change:transform;align-items:center;gap:1.5rem;animation:40s linear infinite marquee;display:flex}.banner-ticker-wrapper:hover .banner-ticker-track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-pill{color:#1f2937;border:1.5px solid #0000;border-radius:20px;align-items:center;gap:.45rem;padding:.3rem .9rem;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.ticker-pill strong{font-weight:900}.pill-icon{flex-shrink:0}.ticker-pill.pill-green{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.ticker-pill.pill-green .pill-icon{color:#059669}.ticker-pill.pill-blue{color:#075985;background:#f0f9ff;border-color:#bae6fd}.ticker-pill.pill-blue .pill-icon{color:#0284c7}.ticker-pill.pill-amber{color:#92400e;background:#fffbeb;border-color:#fde68a}.ticker-pill.pill-amber .pill-icon{color:#d97706}.ticker-pill.pill-red{color:#991b1b;background:#fef2f2;border-color:#fecaca}.ticker-pill.pill-red .pill-icon{color:#dc2626}.ticker-pill.pill-purple{color:#5b21b6;background:#f3e8ff;border-color:#ddd6fe}.ticker-pill.pill-purple .pill-icon{color:#7e22ce}.txt-wait{color:#d97706}.txt-pr{color:#0284c7}.txt-po{color:#08a64d}.txt-complete{color:#7e22ce}.ticker-divider{color:#94a3b8;font-size:.85rem;font-weight:700}[data-theme=dark] .banner-ticker-wrapper{color:#f8fafc;background:#0f172a;border-bottom-color:#334155}[data-theme=dark] .banner-ticker-badge{color:#38bdf8;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-right-color:#38bdf8}[data-theme=dark] .ticker-pill.pill-green{color:#6ee7b7;background:#064e3b66;border-color:#047857}[data-theme=dark] .ticker-pill.pill-blue{color:#7dd3fc;background:#0c4a6e66;border-color:#0369a1}[data-theme=dark] .ticker-pill.pill-amber{color:#fde68a;background:#78350f66;border-color:#b45309}[data-theme=dark] .ticker-pill.pill-red{color:#fca5a5;background:#991b1b66;border-color:#b91c1c}[data-theme=dark] .ticker-pill.pill-purple{color:#e9d5ff;background:#5b21b666;border-color:#6d28d9}[data-theme=dark] .badge-price-wait{color:#5eead4;background:#0f766e59;border-color:#0d9488}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1440px;margin:0 auto;display:flex}.brand-logo{letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:1.35rem;font-weight:800;display:flex}.brand-icon-wrapper{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;justify-content:center;align-items:center;padding:.5rem;display:flex}.brand-title-badge{background:var(--primary-green);color:var(--white);text-transform:uppercase;letter-spacing:.05em;border-radius:20px;margin-left:.5rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.header-actions{align-items:center;gap:.75rem;display:flex}.nav-tabs{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-gray);gap:.25rem;margin-bottom:2rem;padding:.4rem;display:flex;overflow-x:auto}.nav-tab-btn{color:var(--text-muted);font-size:.95rem;font-weight:700;font-family:var(--font-family);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:.5rem;padding:.65rem 1.2rem;display:flex}.nav-tab-btn:hover{color:var(--dark-navy);background:var(--soft-green)}.nav-tab-btn.active{background:var(--dark-navy);color:var(--white);box-shadow:var(--shadow-sm)}.nav-tab-btn.active .tab-badge{background:var(--primary-green);color:var(--white)}.tab-badge{background:var(--light-gray);color:var(--text-dark);transition:var(--transition-fast);border-radius:12px;padding:.15rem .5rem;font-size:.75rem;font-weight:800}.saas-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-gray);transition:var(--transition-smooth);padding:1.5rem;position:relative;overflow:hidden}.saas-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.saas-card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.saas-card-title{color:var(--dark-navy);align-items:center;gap:.6rem;font-size:1.15rem;font-weight:800;display:flex}.bento-metrics-container{grid-template-columns:1fr 1.35fr;gap:1.25rem;margin-bottom:2rem;display:grid}@media (width<=992px){.bento-metrics-container{grid-template-columns:1fr}}.bento-hero-card{color:#fff;cursor:pointer;background:linear-gradient(135deg,#03258c 0%,#011657 100%);border:1px solid #bf9f6366;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:230px;padding:1.5rem 1.6rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #03258c40}.bento-hero-card:hover{border-color:#ffd700b3;transform:translateY(-3px);box-shadow:0 16px 32px #03258c59}.bento-hero-header{z-index:2;justify-content:space-between;align-items:flex-start;display:flex}.bento-hero-badge{letter-spacing:.08em;color:#bf9f63;background:#bf9f6326;border:1px solid #bf9f634d;border-radius:6px;margin-bottom:.4rem;padding:.2rem .6rem;font-size:.7rem;font-weight:800;display:inline-block}.bento-hero-title{color:#e2e8f0;margin:0;font-size:1rem;font-weight:700}.bento-hero-icon-box{background:#ffd7001f;border:1.5px solid #ffd7004d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.bento-hero-body{z-index:2;margin:1.1rem 0 .8rem}.bento-hero-value{color:gold;letter-spacing:-.02em;text-shadow:0 2px 10px #0000004d;font-size:2.25rem;font-weight:900;line-height:1.1}.bento-hero-sub{color:#94a3b8;margin-top:.4rem;font-size:.85rem;font-weight:600}.bento-hero-avg{color:#cbd5e1}.bento-hero-chart-container{z-index:2;justify-content:space-between;align-items:flex-end;margin-top:.75rem;display:flex;position:relative}.bento-hero-stat-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e2e8f0;background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:.45rem;padding:.35rem .75rem;font-size:.8rem;transition:all .2s;display:inline-flex}.bento-hero-stat-pill:hover{background:#fff3;border-color:#ffd70080}.bento-sparkline{width:130px;height:38px}.bento-sub-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}@media (width<=640px){.bento-sub-grid{grid-template-columns:1fr}}.bento-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;justify-content:space-between;padding:1.25rem 1.35rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -1px #00000005}.bento-card:before{content:"";background:0 0;width:100%;height:4px;transition:background .25s;position:absolute;top:0;left:0}.bento-card.card-wait:before{background:#d97706}.bento-card.card-over30:before{background:#dc2626}.bento-card.card-pr:before{background:#0284c7}.bento-card.card-po:before{background:#08a64d}.bento-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px -3px #03258c14}.bento-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.bento-card-label{color:#4b5563;font-size:.88rem;font-weight:800}.bento-icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.icon-amber{color:#d97706;background:#fef3c7}.icon-red{color:#dc2626;background:#fee2e2}.icon-blue{color:#0284c7;background:#e0f2fe}.icon-green{color:#08a64d;background:#e9f8ef}.bento-card-body{flex-direction:column;gap:.4rem;display:flex}.bento-card-value{letter-spacing:-.02em;font-size:1.85rem;font-weight:900;line-height:1.1}.unit-text{color:#6b7280;margin-left:.2rem;font-size:.9rem;font-weight:700}.text-amber{color:#d97706}.text-red{color:#dc2626}.text-blue{color:#0284c7}.bento-badge-pill{border-radius:20px;align-items:center;gap:.35rem;width:fit-content;padding:.25rem .65rem;font-size:.75rem;font-weight:800;display:inline-flex}.pill-amber{color:#b45309;background:#fef3c7;border:1px solid #fcd34d}.pill-red{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.pill-blue{color:#0369a1;background:#e0f2fe;border:1px solid #7dd3fc}.pill-green{color:#047857;background:#e9f8ef;border:1px solid #86efac}.metric-card{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--border-gray);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex;position:relative;overflow:hidden}.metric-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.metric-card:before{content:"";background:var(--metric-color,var(--primary-green));width:100%;height:4px;position:absolute;top:0;left:0}.metric-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.85rem;font-weight:700}.metric-icon-box{border-radius:var(--radius-sm);background:var(--metric-bg,var(--soft-green));width:40px;height:40px;color:var(--metric-color,var(--primary-green));justify-content:center;align-items:center;display:flex}.metric-value{color:var(--dark-navy);letter-spacing:-.02em;font-size:1.85rem;font-weight:900;line-height:1.1}.metric-subtext{color:var(--text-muted);align-items:center;gap:.35rem;margin-top:.35rem;font-size:.8rem;display:flex}.badge{white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.8rem;font-weight:800;line-height:1.4;display:inline-flex}.badge-wait{background:var(--status-wait-bg);color:var(--status-wait-text);border-color:var(--status-wait-border)}.badge-pr{background:var(--status-pr-bg);color:var(--status-pr-text);border-color:var(--status-pr-border)}.badge-po{background:var(--status-po-bg);color:var(--status-po-text);border-color:var(--status-po-border)}.badge-complete{background:var(--status-complete-bg);color:var(--status-complete-text);border-color:var(--status-complete-border)}.badge-reject{background:var(--alert-red-bg);color:var(--alert-red-text);border-color:var(--alert-red-border)}.badge-summarized{color:#0369a1;background:#e0f2fe;border-color:#7dd3fc}.badge-price-wait{color:#0f766e;background:#ccfbf1;border-color:#5eead4}.badge-danger{background:var(--alert-red-bg);color:var(--alert-red-text);border-color:var(--alert-red-border)}.btn{border-radius:var(--radius-sm);font-size:.9rem;font-weight:700;font-family:var(--font-family);cursor:pointer;transition:var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;display:inline-flex}.btn-primary{background:var(--primary-green);color:var(--white);box-shadow:0 4px 10px #08a64d40}.btn-primary:hover{background:var(--primary-green-hover);transform:translateY(-1px);box-shadow:0 6px 15px #08a64d59}.btn-navy{background:var(--dark-navy);color:var(--white)}.btn-navy:hover{background:var(--dark-navy-hover);transform:translateY(-1px)}.btn-outline{background:var(--white);border-color:var(--border-gray);color:var(--text-dark)}.btn-outline:hover{background:var(--soft-green);border-color:var(--soft-green-border);color:var(--primary-green)}.btn-gold{background:var(--gold-accent);color:var(--white)}.btn-gold:hover{background:#a9884e}.table-responsive{border-radius:var(--radius-md);border:1px solid var(--border-gray);background:var(--white);width:100%;overflow-x:auto}.saas-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.saas-table th{background:var(--light-gray);color:var(--dark-navy);border-bottom:2px solid var(--border-gray);white-space:nowrap;padding:.9rem 1rem;font-weight:800}.saas-table td{border-bottom:1px solid var(--border-gray);color:var(--text-dark);vertical-align:middle;padding:.85rem 1rem}.saas-table tbody tr{transition:var(--transition-fast)}.saas-table tbody tr:hover{background-color:var(--soft-green)}.saas-table tr.highlight-danger{background-color:#fee2e24d}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#03258c66;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:650px;max-height:90vh;box-shadow:var(--shadow-xl);border:1px solid var(--border-gray);animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-gray);background:linear-gradient(to right, var(--soft-green), var(--white));justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{color:var(--dark-navy);align-items:center;gap:.5rem;font-size:1.2rem;font-weight:800;display:flex}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border-gray);background:var(--light-gray);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.form-group{margin-bottom:1.15rem}.form-label{color:var(--text-dark);margin-bottom:.35rem;font-size:.85rem;font-weight:700;display:block}.form-control{border:1px solid var(--border-gray);border-radius:var(--radius-sm);width:100%;font-family:var(--font-family);color:var(--text-dark);transition:var(--transition-fast);padding:.65rem .9rem;font-size:.95rem}.form-control:focus{border-color:var(--primary-green);outline:none;box-shadow:0 0 0 3px #08a64d26}.form-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width<=640px){.form-grid{grid-template-columns:1fr}}.dropzone{border:2px dashed var(--primary-green);background:var(--soft-green);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition-smooth);padding:2.5rem 1.5rem}.dropzone:hover{border-color:var(--primary-green-hover);background:#d5f2e0;transform:scale(1.01)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.grid-2,.grid-3{grid-template-columns:1fr}}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-bold{font-weight:800}.text-navy{color:var(--dark-navy)}.text-green{color:var(--primary-green)}[data-theme=dark]{--light-gray:#0f172a;--border-gray:#334155;--text-dark:#f8fafc;--text-muted:#94a3b8;--text-light:#64748b;--white:#1e293b;--dark-navy:#38bdf8}[data-theme=dark] body{color:#f8fafc;background-color:#0f172a}[data-theme=dark] .saas-card{color:#f8fafc;background:#1e293b;border-color:#334155;box-shadow:0 10px 25px -5px #0006}[data-theme=dark] .saas-card-title span{color:#38bdf8!important}[data-theme=dark] .nav-tabs{background:#1e293b;border-bottom-color:#334155}[data-theme=dark] .nav-tab-btn{color:#94a3b8}[data-theme=dark] .nav-tab-btn.active{color:#38bdf8;background:#0f172a;border-color:#38bdf8}[data-theme=dark] .saas-table th{color:#94a3b8;background-color:#0f172a;border-bottom-color:#334155}[data-theme=dark] .saas-table td{color:#e2e8f0;border-bottom-color:#334155}[data-theme=dark] .saas-table tr:hover td{background-color:#334155}[data-theme=dark] .modal-content{color:#f8fafc;background-color:#1e293b;border-color:#334155}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .pagination-btn{color:#f8fafc;background-color:#0f172a;border-color:#334155}[data-theme=dark] .pagination-btn:hover{background-color:#334155}[data-theme=dark] .metric-title{color:#94a3b8}.saas-footer{text-align:center;color:#64748b;border-top:1px solid var(--border-color,#e2e8f0);letter-spacing:.01em;margin-top:3rem;padding:1.5rem 1rem 2.5rem;font-size:.78rem;font-weight:500}[data-theme=dark] .saas-footer{color:#94a3b8;border-top-color:#334155}.app-layout-wrapper{background-color:var(--bg-color,#f8fafc);min-height:100vh;display:flex}.main-workspace{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-container{background-color:var(--card-bg,#fff);border-right:1px solid var(--border-color,#e2e8f0);box-sizing:border-box;z-index:100;flex-direction:column;flex-shrink:0;justify-content:space-between;width:280px;height:100vh;padding:1.35rem 1.15rem;transition:width .25s cubic-bezier(.4,0,.2,1),padding .25s;display:flex;position:sticky;top:0;box-shadow:2px 0 12px #00000005}.sidebar-container.collapsed{align-items:center;width:76px;padding:1.25rem .5rem}.sidebar-container.collapsed .sidebar-brand{justify-content:center;width:100%;padding-bottom:1rem}.sidebar-container.collapsed .sidebar-nav{align-items:center;gap:.55rem;width:100%}.sidebar-container.collapsed .sidebar-nav-item{border-left:none;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:flex}.sidebar-container.collapsed .sidebar-nav-left{justify-content:center;gap:0}.sidebar-container.collapsed .sidebar-nav-item.active{color:#fff;background:#03258c;border-left:none;box-shadow:0 4px 12px #03258c40}.sidebar-container.collapsed .sidebar-footer{flex-direction:column;align-items:center;gap:.4rem;width:100%;display:flex}.sidebar-container.collapsed .sidebar-theme-toggle{border-radius:10px;justify-content:center;width:44px;height:44px;padding:0}.sidebar-brand{border-bottom:1px solid var(--border-color,#e5e7eb);align-items:center;gap:.85rem;padding-bottom:1.25rem;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg,#08a64d 0%,#03258c 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 14px #08a64d4d}.sidebar-brand-text{flex-direction:column;display:flex;overflow:hidden}.sidebar-title{color:#03258c;white-space:nowrap;letter-spacing:-.01em;margin:0 0 2px;font-size:1.02rem;font-weight:900;line-height:1.25}.sidebar-subtitle{color:#08a64d;letter-spacing:.02em;white-space:nowrap;font-size:.76rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:.35rem;margin-top:1.25rem;display:flex}.sidebar-section-label{color:#94a3b8;letter-spacing:.08em;margin-bottom:.4rem;padding-left:.5rem;font-size:.68rem;font-weight:800}.sidebar-nav-item{color:var(--text-dark,#334155);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:.7rem .85rem;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.sidebar-nav-item:hover{color:#08a64d;background:#f1f5f9}.sidebar-nav-item.active{color:#08a64d;background:#e9f8ef;border-left:3.5px solid #08a64d;box-shadow:0 2px 8px #08a64d14}.sidebar-nav-left{align-items:center;gap:.65rem;display:flex}.sidebar-nav-icon{flex-shrink:0}.sidebar-nav-badge{color:#475569;background:#f1f5f9;border-radius:10px;padding:.15rem .5rem;font-size:.72rem;font-weight:800}.sidebar-nav-badge.active{color:#fff;background:#08a64d}.sidebar-chevron{color:#08a64d}.sidebar-quick-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1rem;padding:.85rem}.sidebar-summary-header{color:#64748b;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;display:flex}.sidebar-summary-value{color:#0f172a;margin-top:.15rem;font-size:1.05rem;font-weight:900}.sidebar-footer{border-top:1px solid var(--border-color,#f1f5f9);padding-top:.75rem}.sidebar-theme-toggle{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.6rem;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.sidebar-theme-toggle:hover{background:#e2e8f0}.sidebar-collapse-row{border-top:1px solid var(--border-color,#e2e8f0);color:#94a3b8;justify-content:space-between;align-items:center;width:100%;margin-top:.65rem;padding-top:.6rem;font-size:.72rem;font-weight:600;display:flex}.sidebar-collapse-btn{cursor:pointer;color:#64748b;background:0 0;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.sidebar-collapse-btn:hover{color:#03258c;background:#f1f5f9;border-color:#03258c}.sidebar-collapse-btn-collapsed{cursor:pointer;color:#03258c;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:44px;height:34px;margin-top:.4rem;transition:all .2s;display:flex}.sidebar-collapse-btn-collapsed:hover{color:#fff;background:#03258c}.sidebar-version-tag{text-align:center;color:#94a3b8;margin-top:.6rem;font-size:.7rem;font-weight:600}.topbar-header{background-color:var(--card-bg,#fff);border-bottom:1px solid var(--border-color,#e2e8f0);z-index:90;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;height:auto;min-height:64px;padding:.6rem 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #00000005}.topbar-search-container{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;width:100%;min-width:240px;max-width:360px;padding:.45rem .85rem;transition:all .2s;display:flex}.topbar-search-container:focus-within{background:#fff;border-color:#08a64d;box-shadow:0 0 0 3px #08a64d1f}.topbar-search-icon{color:#94a3b8;flex-shrink:0}.topbar-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.85rem;font-weight:500}.topbar-right-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-left:auto;display:flex}.topbar-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.83rem;font-weight:700;transition:all .2s;display:flex}.topbar-btn.primary-btn{color:#fff;background:linear-gradient(135deg,#08a64d 0%,#06883e 100%);box-shadow:0 3px 10px #08a64d40}.topbar-btn.primary-btn:hover{transform:translateY(-1px);box-shadow:0 5px 15px #08a64d59}.topbar-btn.secondary-btn{color:#0284c7;background:#f0f9ff;border:1px solid #7dd3fc}.topbar-btn.secondary-btn:hover{background:#e0f2fe}.topbar-btn.outline-btn{color:#475569;background:#fff;border:1px solid #cbd5e1}.topbar-btn.outline-btn:hover{background:#f8fafc}.topbar-profile-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:.6rem;margin-left:.25rem;padding:.35rem .75rem;display:flex}.topbar-avatar{background:#e9f8ef;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.topbar-profile-info{flex-direction:column;display:flex}.topbar-profile-name{color:#0f172a;font-size:.78rem;font-weight:800;line-height:1.1}.topbar-profile-role{color:#64748b;font-size:.68rem;font-weight:500}[data-theme=dark] .sidebar-container{background-color:#1e293b;border-right-color:#334155}[data-theme=dark] .sidebar-brand{border-bottom-color:#334155}[data-theme=dark] .sidebar-title{color:#f8fafc}[data-theme=dark] .sidebar-subtitle{color:#94a3b8}[data-theme=dark] .sidebar-nav-item{color:#cbd5e1}[data-theme=dark] .sidebar-nav-item:hover{color:#38bdf8;background:#334155}[data-theme=dark] .sidebar-nav-item.active{color:#38bdf8;background:#0f172a;border-left-color:#38bdf8}[data-theme=dark] .sidebar-quick-summary{background:#0f172a;border-color:#334155}[data-theme=dark] .sidebar-summary-value{color:#f8fafc}[data-theme=dark] .sidebar-theme-toggle{color:#f8fafc;background:#0f172a;border-color:#334155}[data-theme=dark] .sidebar-theme-toggle:hover{background:#334155}[data-theme=dark] .topbar-header{background-color:#1e293b;border-bottom-color:#334155}[data-theme=dark] .topbar-search-container{background:#0f172a;border-color:#334155}[data-theme=dark] .topbar-search-input{color:#f8fafc}[data-theme=dark] .topbar-profile-pill{background:#0f172a;border-color:#334155}[data-theme=dark] .topbar-profile-name{color:#f8fafc}.admin-status-card-cool{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#03258c 100%);border:1px solid #bf9f63;border-radius:12px;padding:.75rem;box-shadow:0 4px 15px #03258c40,inset 0 0 10px #bf9f6333}.admin-card-header{align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.admin-avatar-glow{background:linear-gradient(135deg,#08a64d 0%,#06883e 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 0 12px #08a64d80}.admin-title-text{color:gold;letter-spacing:.05em;font-size:.78rem;font-weight:900;line-height:1.1}.admin-subtitle-text{color:#94a3b8;align-items:center;gap:.35rem;margin-top:.1rem;font-size:.68rem;display:flex}.admin-online-pulse{background:#10b981;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite admin-pulse;box-shadow:0 0 8px #10b981}@keyframes admin-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.admin-logout-btn-cool{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.45rem;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.admin-logout-btn-cool:hover{color:#fff;background:#ef4444}.admin-topbar-pill-cool{background:linear-gradient(135deg,#0f172a 0%,#03258c 100%);border:1.5px solid #08a64d;border-radius:20px;align-items:center;gap:.6rem;padding:.35rem .85rem;display:flex;box-shadow:0 2px 10px #08a64d33}.admin-topbar-avatar-glow{background:linear-gradient(135deg,#08a64d 0%,#06883e 100%);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;box-shadow:0 0 10px #08a64d66}.admin-topbar-name{color:gold;letter-spacing:.03em;font-size:.78rem;font-weight:900}.admin-status-dot-pulse{background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.5s ease-in-out infinite admin-pulse;box-shadow:0 0 8px #10b981}.admin-topbar-role{color:#cbd5e1;font-size:.68rem;font-weight:500}.admin-topbar-logout-btn{color:#fca5a5;cursor:pointer;background:#ef444433;border:1px solid #ef444466;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-left:.2rem;transition:all .2s;display:flex}.admin-topbar-logout-btn:hover{color:#fff;background:#ef4444}.admin-primary-btn-cool{color:#fff!important;background:linear-gradient(135deg,#08a64d 0%,#03258c 100%)!important;border:1px solid #bf9f63!important;box-shadow:0 4px 14px #08a64d4d!important}.admin-primary-btn-cool:hover{transform:translateY(-2px)!important;box-shadow:0 6px 18px #08a64d66!important}.admin-login-btn-cool{color:#fff!important;background:linear-gradient(135deg,#03258c 0%,#011657 100%)!important;border:1px solid #bf9f63!important;font-weight:800!important;box-shadow:0 3px 10px #03258c33!important}.admin-login-btn-cool:hover{background:linear-gradient(135deg,#08a64d 0%,#03258c 100%)!important}.admin-command-bar-cool{color:#fff;z-index:85;background:linear-gradient(135deg,#0f172a 0%,#03258c 100%);border-bottom:2px solid #bf9f63;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 2rem;display:flex;position:relative;box-shadow:0 4px 20px #03258c33}.admin-command-left{align-items:center;gap:.85rem;display:flex}.admin-crown-badge{background:linear-gradient(135deg,#bf9f63 0%,#92400e 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 0 15px #bf9f6366}.admin-command-title{color:gold;letter-spacing:.04em;font-size:.95rem;font-weight:900;line-height:1.2}.admin-command-sub{color:#cbd5e1;font-size:.78rem;font-weight:500}.admin-command-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-cmd-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.78rem;font-weight:800;transition:all .2s;display:flex}.admin-cmd-btn.primary{color:#fff;background:#08a64d}.admin-cmd-btn.primary:hover{background:#06883e}.admin-cmd-btn.secondary{color:#0f172a;background:#38bdf8}.admin-cmd-btn.secondary:hover{color:#fff;background:#0284c7}.admin-cmd-btn.outline-warning{color:#fca5a5;background:#ef444426;border:1px solid #fca5a5}.admin-cmd-btn.outline-warning:hover{color:#fff;background:#ef4444}.admin-cmd-btn.outline-info{color:#7dd3fc;background:#0ea5e926;border:1px solid #7dd3fc}.admin-cmd-btn.outline-info:hover{color:#fff;background:#0284c7}.admin-cmd-btn.logout:hover{background:#ffffff40}.poly-login-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#0a192fd9;justify-content:center;align-items:center;padding:1.5rem;animation:.3s cubic-bezier(.4,0,.2,1) poly-fade-in;display:flex;position:fixed;inset:0}@keyframes poly-fade-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.poly-login-card{background:linear-gradient(135deg,#0b4f9c 0%,#03258c 45%,#011657 85%,#0f172a 100%);border:1px solid #fff3;border-radius:20px;width:100%;max-width:900px;min-height:520px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #03258c80,0 0 30px #0284c74d}.poly-login-card:before{content:"";pointer-events:none;opacity:.8;background-image:linear-gradient(60deg,#ffffff0a 25%,#0000 25.5%),linear-gradient(-60deg,#ffffff0a 25%,#0000 25.5%),linear-gradient(120deg,#ffffff08 25%,#0000 25.5%),linear-gradient(-120deg,#ffffff08 25%,#0000 25.5%);background-size:80px 140px;width:200%;height:200%;position:absolute;top:-50%;left:-50%}.poly-close-btn{cursor:pointer;z-index:20;background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:18px;right:18px}.poly-close-btn:hover{background:#ef4444cc;transform:rotate(90deg)}.poly-left-panel{z-index:10;flex-direction:column;flex:1;justify-content:center;padding:3.5rem 3rem;display:flex;position:relative}.poly-brand-box{color:#fff}.poly-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.06em;background:#ffffff26;border:1px solid #ffffff40;border-radius:30px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.4rem .85rem;font-size:.75rem;font-weight:800;display:inline-flex}.poly-main-title{letter-spacing:-.01em;text-shadow:0 4px 12px #0000004d;margin:0 0 .5rem;font-size:2rem;font-weight:900;line-height:1.2}.poly-sub-title{color:#93c5fd;letter-spacing:.05em;margin:0 0 1.5rem;font-size:1rem;font-weight:600}.poly-eps-tag{color:#fff9;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600}.poly-divider-line{z-index:10;background:linear-gradient(#0000,#fff6,#0000);width:1px;margin:3rem 0;position:relative}.poly-right-panel{z-index:10;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3.5rem;display:flex;position:relative}.poly-user-group-icon{filter:drop-shadow(0 4px 12px #0000004d);margin-bottom:2rem}.poly-login-form{flex-direction:column;gap:1.1rem;width:100%;max-width:320px;display:flex}.poly-error-box{color:#fecaca;background:#ef444440;border:1px solid #ef444480;border-radius:10px;align-items:center;gap:.4rem;padding:.65rem .85rem;font-size:.8rem;font-weight:700;display:flex}.poly-input-group{background:#dce7f7;border:1px solid #fffc;border-radius:8px;align-items:center;transition:all .2s;display:flex;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.poly-input-group:focus-within{background:#fff;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf866}.poly-input-icon{border-right:1px solid #cbd5e1;justify-content:center;align-items:center;padding:0 .85rem;display:flex}.poly-input-field{color:#1e293b;background:0 0;border:none;outline:none;flex:1;padding:.75rem .85rem;font-size:.9rem;font-weight:600}.poly-input-field::placeholder{color:#64748b;font-weight:500}.poly-options-row{color:#e2e8f0;justify-content:space-between;align-items:center;margin-top:.2rem;font-size:.78rem;font-weight:600;display:flex}.poly-remember-me{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;display:flex}.poly-remember-me input{display:none}.poly-custom-check{background:#fff3;border:1px solid #ffffff80;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.poly-remember-me input:checked+.poly-custom-check{background:#0284c7;border-color:#38bdf8}.poly-forget-pass{color:#93c5fd;align-items:center;text-decoration:none;transition:color .2s;display:flex}.poly-forget-pass:hover{color:#fff;text-decoration:underline}.poly-login-btn{color:#fff;letter-spacing:.08em;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#03258c 100%);border:1.5px solid #ffffff4d;border-radius:10px;width:100%;margin-top:.5rem;padding:.85rem;font-size:1.05rem;font-weight:900;transition:all .2s;box-shadow:0 4px 15px #0284c766}.poly-login-btn:hover{background:linear-gradient(135deg,#08a64d 0%,#0284c7 100%);transform:translateY(-2px);box-shadow:0 6px 20px #08a64d80}@media (width<=768px){.poly-login-card{flex-direction:column;min-height:auto}.poly-divider-line{width:80%;height:1px;margin:0 auto}.poly-left-panel{text-align:center;padding:2rem 1.5rem}.poly-right-panel{padding:2rem 1.5rem}}