@font-face{font-family:Quantify;src:url(/Quantify.ttf)format("truetype");font-weight:400}@font-face{font-family:Quantify;src:url(/Quantify-Bold.ttf)format("truetype");font-weight:700}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#33014b;--primary-light:#5a0282;--primary-lighter:#7b2fa0;--primary-dark:#1e0030;--primary-50:#33014b0d;--primary-100:#33014b1a;--primary-200:#33014b33;--white:#fff;--gray-50:#f8f7fa;--gray-100:#f2f0f6;--gray-200:#e5e1ec;--gray-300:#cfc9d9;--gray-400:#a59ab4;--gray-500:#7a6b8a;--gray-600:#584e66;--gray-700:#3b3345;--gray-800:#231c2c;--gray-900:#120b19;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--sidebar-width:248px;--topbar-height:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 4px #0000000d;--shadow-md:0 4px 16px #33014b14;--shadow-lg:0 8px 32px #33014b24}html,body{max-width:100vw;overflow-x:hidden}body{background:var(--gray-50);color:var(--gray-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3,.brand-text{font-family:Quantify,sans-serif}#root{width:100%;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit}::-webkit-scrollbar{width:5px;height:0}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-lighter)}.badge{letter-spacing:.3px;text-transform:capitalize;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-info{color:#1d4ed8;background:#3b82f61f}.badge-purple{background:var(--primary-100);color:var(--primary-light)}.sidebar{width:var(--sidebar-width);z-index:100;overscroll-behavior:contain;background:linear-gradient(#33014b 0%,#1e0030 100%);flex-direction:column;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 24px #33014b4d}.sidebar-logo{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:22px 18px 20px;display:flex}.sidebar-logo-icon{background:#ffffff24;border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.sidebar-logo .brand-text{color:var(--white);letter-spacing:3px;font-size:20px;font-weight:700;line-height:1.1}.sidebar-admin-badge{color:#ffffff73;letter-spacing:.8px;text-transform:uppercase;margin-top:1px;font-size:9.5px;font-weight:600}.sidebar-nav{overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;flex:1;gap:2px;padding:14px 10px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{color:#ffffff80;text-align:left;background:0 0;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:11px;width:100%;padding:9px 11px;font-size:13.5px;font-weight:500;transition:all .17s;display:flex;position:relative}.nav-icon{background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:background .17s;display:flex}.nav-item:hover{color:var(--white);background:#ffffff14;border-color:#ffffff14}.nav-item:hover .nav-icon{background:#ffffff24}.nav-item.active{color:var(--white);background:#ffffff24;border-color:#ffffff1f;font-weight:600}.nav-item.active .nav-icon{background:#ffffff38}.nav-item.active:before{content:"";background:#ffffffd9;border-radius:0 2px 2px 0;width:3px;height:22px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.sidebar-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:4px;padding:8px 10px 15px;display:flex}.sidebar-footer-user{background:#ffffff12;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:8px;padding:10px 11px;display:flex}.sidebar-user-avatar{width:30px;height:30px;color:var(--white);background:#fff3;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:#ffffffe0;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.sidebar-user-role{color:#ffffff61;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.2;overflow:hidden}.sidebar-logout-btn{color:#ffffff6b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.sidebar-logout-btn:hover{color:#ff8080;background:#ff64641f}.nav-group{flex-direction:column;display:flex}.nav-parent{cursor:pointer;font-family:inherit}.nav-chevron{opacity:.5;flex-shrink:0;margin-left:auto;transition:transform .25s}.nav-chevron.open{opacity:.8;transform:rotate(180deg)}.nav-submenu{flex-direction:column;gap:2px;margin-top:2px;display:flex}.nav-child{border-left:2px solid #ffffff1f;margin-left:20px;border-radius:0 10px 10px 0!important;padding-top:7px!important;padding-bottom:7px!important;padding-left:28px!important;font-size:12.5px!important}.nav-child .nav-icon{border-radius:6px;width:24px;height:24px}.nav-child.active{border-left-color:#ffffffd9;color:var(--white)!important;background:#ffffff1f!important}@media (width<=768px){.sidebar{display:none}}.topbar{top:0;left:var(--sidebar-width);height:var(--topbar-height);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--gray-200);z-index:90;background:#fffffff0;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:fixed;right:0;box-shadow:0 2px 12px #33014b0d}.topbar-breadcrumb{align-items:center;gap:8px;font-size:13.5px;display:flex}.bc-root{color:var(--gray-400);font-weight:500}.bc-sep{color:var(--gray-300);flex-shrink:0}.bc-page{color:var(--primary);letter-spacing:.2px;font-weight:700}.topbar-right{align-items:center;gap:14px;display:flex}.topbar-date{color:var(--gray-400);white-space:nowrap;font-size:12.5px;font-weight:500}.topbar-icon-btn{border-radius:var(--radius-md);border:1.5px solid var(--gray-200);background:var(--white);width:38px;height:38px;color:var(--gray-500);justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.topbar-icon-btn:hover{border-color:var(--primary-200);color:var(--primary);background:var(--primary-50)}.notif-dot{background:var(--danger);border:1.5px solid var(--white);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.topbar-user{border:1.5px solid var(--gray-200);background:var(--white);cursor:default;border-radius:12px;align-items:center;gap:10px;padding:5px 12px 5px 6px;transition:all .15s;display:flex}.topbar-user:hover{border-color:var(--primary-200);background:var(--primary-50)}.topbar-avatar{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);width:32px;height:32px;color:var(--white);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.topbar-user-info{flex-direction:column;display:flex}.topbar-user-name{color:var(--gray-800);font-size:13px;font-weight:600;line-height:1.3}.topbar-user-role{color:var(--gray-400);font-size:11px;line-height:1.2}.topbar-icon-btn-active{border-color:var(--primary-200)!important;color:var(--primary)!important;background:var(--primary-50)!important}.notif-wrap{position:relative}.notif-panel{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);width:340px;max-height:480px;box-shadow:var(--shadow-lg), 0 0 0 1px var(--gray-100);z-index:200;flex-direction:column;animation:.18s notif-drop;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}@keyframes notif-drop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-panel-header{border-bottom:1px solid var(--gray-100);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex}.notif-panel-title{color:var(--gray-800);font-size:13.5px;font-weight:700}.notif-close-btn{background:var(--gray-100);width:24px;height:24px;color:var(--gray-500);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .14s;display:flex}.notif-close-btn:hover{background:var(--gray-200)}.notif-list{flex:1;overflow-y:auto}.notif-empty{text-align:center;color:var(--gray-400);padding:32px 16px;font-size:13px}.notif-item{cursor:pointer;border-bottom:1px solid var(--gray-50);align-items:flex-start;gap:10px;padding:11px 16px;transition:background .14s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--gray-50)}.notif-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;display:flex}.notif-body{flex:1;min-width:0}.notif-title{color:var(--gray-800);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.notif-sub{color:var(--gray-400);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;overflow:hidden}.notif-time{color:var(--gray-300);flex-shrink:0;margin-top:3px;font-size:11px}.notif-badge{color:#fff;border:1.5px solid #fff;border-radius:99px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.notif-badge-danger{background:#dc2626}.notif-badge-normal{background:var(--primary)}.topbar-icon-btn-alert{color:#dc2626!important;border-color:#dc26264d!important}.topbar-icon-btn-alert:hover{background:#dc26260f!important}.notif-count-chip{color:#fff;vertical-align:middle;background:#dc2626;border-radius:99px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:7px;padding:0 5px;font-size:10px;font-weight:800;display:inline-flex}.notif-section-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;background:var(--gray-50);align-items:center;gap:5px;padding:8px 16px 4px;font-size:10.5px;font-weight:700;display:flex}.notif-section-danger{color:#dc2626;background:#dc26260a}.notif-item-high{background:#dc262605;border-left:3px solid #dc2626}.notif-item-high:hover{background:#dc26260d}.notif-item-low .notif-title{color:var(--gray-600);font-weight:500}@media (width<=768px){.topbar{padding:0 16px;left:0}.topbar-date,.topbar-user-info{display:none}.notif-panel{width:300px;right:-60px}}.report-notification-container{z-index:99999;flex-direction:column;gap:12px;width:calc(100% - 48px);max-width:360px;display:flex;position:fixed;bottom:24px;right:24px}.report-notification-card{background:#fff;border:1px solid #00000014;border-left:4px solid #4f46e5;border-radius:6px;flex-direction:column;gap:8px;padding:12px 16px;transition:transform .2s ease-in-out;display:flex;box-shadow:0 10px 30px #00000014,0 1px 3px #00000005}.report-notification-card:hover{transform:translateY(-2px);box-shadow:0 12px 35px #0000001f,0 2px 4px #0000000a}.report-notification-header{color:#71717a;justify-content:space-between;align-items:center;font-size:11px;display:flex}.report-notification-header-left,.report-notification-header-right{align-items:center;gap:6px;display:flex}.report-notification-app-icon{color:#4f46e5}.report-notification-app-name{text-transform:uppercase;letter-spacing:.5px;font-weight:700}.report-notification-time{font-weight:500}.report-notification-close-btn{cursor:pointer;color:#a1a1aa;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .2s;display:flex}.report-notification-close-btn:hover{color:#27272a;background:#f4f4f5}.report-notification-body{align-items:flex-start;gap:12px;display:flex}.report-notification-icon-wrapper{flex-shrink:0}.report-notification-circle-icon{color:#ef4444;background:#ef444417;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.report-notification-text-content{flex-direction:column;flex:1;gap:4px;display:flex}.report-notification-title{color:#18181b;margin:0;font-size:13.5px;font-weight:600;line-height:1.3}.report-notification-reason{color:#3f3f46;margin:0;font-size:11.5px}.report-notification-desc{color:#71717a;word-break:break-word;margin:0;font-size:11.5px;line-height:1.45}.report-notification-actions{border-top:1px solid #f4f4f5;justify-content:flex-end;gap:8px;margin-top:4px;padding-top:8px;display:flex}.report-notification-btn-primary,.report-notification-btn-secondary{cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .2s}.report-notification-btn-primary{color:#fff;background:#4f46e5}.report-notification-btn-primary:hover{background:#4338ca}.report-notification-btn-secondary{color:#3f3f46;background:#f4f4f5}.report-notification-btn-secondary:hover{background:#e4e4e7}@keyframes slideInFromRight{0%{opacity:0;transform:translate(120%)scale(.9)}70%{transform:translate(-5%)scale(1.01)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes fadeOutToRight{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(120%)scale(.95)}}.report-notification-enter{animation:.35s cubic-bezier(.34,1.56,.64,1) forwards slideInFromRight}.report-notification-exit{animation:.25s cubic-bezier(.36,.07,.19,.97) forwards fadeOutToRight}.layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);padding:32px 28px 28px;padding-top:calc(var(--topbar-height) + 32px);background:var(--gray-50);flex:1;min-height:100vh;overflow-x:hidden}@media (width<=768px){.main-content{padding:16px;padding-top:calc(var(--topbar-height) + 16px);margin-left:0}}.login-page{min-height:100vh;display:flex}.login-left{background:linear-gradient(145deg,#33014b 0%,#1e0030 60%,#0d0018 100%);flex-direction:column;flex-shrink:0;width:46%;display:flex;position:relative;overflow:hidden}.login-left-inner{z-index:2;flex-direction:column;height:100%;padding:48px 48px 36px;display:flex;position:relative}.login-brand{align-items:center;gap:14px;display:flex}.login-brand-icon{background:#ffffff24;border:1px solid #ffffff24;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.login-brand-name{color:var(--white);letter-spacing:4px;font-size:26px;font-weight:700;line-height:1.1}.login-brand-sub{color:#ffffff6b;text-transform:uppercase;letter-spacing:1.5px;margin-top:2px;font-size:10px;font-weight:600}.login-hero{margin-top:auto;margin-bottom:40px}.login-hero-title{color:var(--white);letter-spacing:.5px;margin-bottom:16px;font-family:Quantify,sans-serif;font-size:30px;font-weight:700;line-height:1.25}.login-hero-desc{color:#ffffff85;max-width:340px;font-size:14px;line-height:1.7}.login-features{flex-direction:column;gap:12px;margin-bottom:48px;display:flex}.login-feature-item{color:#ffffffb3;align-items:center;gap:12px;font-size:13.5px;font-weight:500;display:flex}.login-feature-icon{color:#fffc;background:#ffffff1f;border:1px solid #ffffff1a;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.login-left-footer{color:#ffffff47;font-size:11.5px;font-weight:500}.deco-circle{z-index:1;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:50%;position:absolute}.deco-circle-1{width:320px;height:320px;top:-80px;right:-100px}.deco-circle-2{width:200px;height:200px;bottom:80px;right:-60px}.deco-circle-3{background:#5a028226;width:120px;height:120px;bottom:200px;left:-40px}.login-right{background:var(--white);flex:1;justify-content:center;align-items:center;padding:48px 32px;display:flex}.login-form-wrap{width:100%;max-width:380px}.login-form-header{margin-bottom:32px}.login-form-title{color:var(--primary);letter-spacing:.5px;margin-bottom:6px;font-family:Quantify,sans-serif;font-size:28px;font-weight:700}.login-form-sub{color:var(--gray-400);font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.field{flex-direction:column;gap:7px;display:flex}.field label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:700}.field-input-wrap{position:relative}.field-icon{color:var(--gray-400);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.field-input-wrap input{border-radius:var(--radius-md);border:1.5px solid var(--gray-200);width:100%;color:var(--gray-800);background:var(--gray-50);padding:12px 14px 12px 38px;font-size:14px;transition:border-color .2s,background .2s,box-shadow .2s}.field-input-wrap input:focus{border-color:var(--primary);background:var(--white);box-shadow:0 0 0 3px var(--primary-50)}.login-error{color:#dc2626;border-radius:var(--radius-md);background:#ef444412;border:1px solid #ef444438;padding:11px 14px;font-size:13px;font-weight:500}.login-btn{background:var(--primary);color:var(--white);border-radius:var(--radius-md);letter-spacing:.3px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:13px;font-size:15px;font-weight:600;transition:background .2s,transform .12s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #33014b40}.login-btn:hover:not(:disabled){background:var(--primary-light);transform:translateY(-1px);box-shadow:0 6px 20px #33014b59}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.65;cursor:not-allowed}.login-btn-loading{align-items:center;gap:8px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #ffffff59;border-top-color:var(--white);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.login-hint{color:var(--gray-400);text-align:center;margin-top:24px;font-size:12px;line-height:1.5}@media (width<=580px){.login-page{flex-direction:column}.login-left{flex:none;width:100%;min-height:200px}.login-left-inner{padding:28px 24px 24px}.login-hero,.login-features,.login-left-footer{display:none}.login-right{padding:28px 20px}}.dashboard{flex-direction:column;gap:20px;max-width:1260px;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{0%{transform:translate(-100%)skew(-20deg)}to{transform:translate(250%)skew(-20deg)}}@keyframes pulse-ring{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.6)}}@keyframes fillBar{0%{width:0}}@keyframes orb-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.05)}}.dashboard>*{animation:.4s both fadeUp}.dashboard>:first-child{animation-delay:0s}.dashboard>:nth-child(2){animation-delay:50ms}.dashboard>:nth-child(3){animation-delay:.1s}.dashboard>:nth-child(4){animation-delay:.14s}.dashboard>:nth-child(5){animation-delay:.18s}.dashboard>:nth-child(6){animation-delay:.22s}.dashboard>:nth-child(7){animation-delay:.26s}.dashboard>:nth-child(8){animation-delay:.3s}.dashboard>:nth-child(9){animation-delay:.34s}.welcome-banner{border-radius:var(--radius-xl);background:linear-gradient(135deg,#1e0030 0%,#33014b 45%,#5a0282 100%);padding:28px 32px;position:relative;overflow:hidden}.welcome-content{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex;position:relative}.welcome-orb{pointer-events:none;border-radius:50%;position:absolute}.welcome-orb-1{background:#ffffff0d;width:220px;height:220px;animation:7s ease-in-out infinite orb-float;top:-60px;right:-50px}.welcome-orb-2{background:#ffffff0a;width:140px;height:140px;animation:9s ease-in-out infinite reverse orb-float;bottom:-50px;right:120px}.welcome-orb-3{background:#ffffff08;width:80px;height:80px;animation:5s ease-in-out infinite orb-float;top:10px;left:38%}.welcome-heading{color:#fff;letter-spacing:.4px;margin-bottom:5px;font-family:Quantify,sans-serif;font-size:24px;font-weight:700}.welcome-sub{color:#ffffff8c;font-size:13.5px}.welcome-pills{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.welcome-pill{color:#ffffffe0;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.pulse-dot:before{content:"";background:#4ade80;border-radius:50%;width:7px;height:7px;animation:1.6s ease-out infinite pulse-ring;display:inline-block;box-shadow:0 0 #4ade8099}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.kpi-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);cursor:default;align-items:flex-start;gap:14px;padding:18px 16px 16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.kpi-card:after{content:"";background:var(--kpi-accent,#33014b);border-radius:0 0 var(--radius-lg) var(--radius-lg);opacity:0;height:3px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.kpi-card:hover:after{opacity:1}.kpi-shine{background:linear-gradient(90deg,#0000,#ffffff24,#0000);width:50%;height:100%;position:absolute;top:0;left:0;transform:translate(-100%)skew(-20deg)}.kpi-card:hover .kpi-shine{animation:.6s shine}.kpi-icon{width:44px;height:44px;color:var(--primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.kpi-body{flex:1;min-width:0}.kpi-value{color:var(--gray-800);letter-spacing:-.5px;font-size:26px;font-weight:800;line-height:1.1}.kpi-label{color:var(--gray-500);margin-top:3px;font-size:12px;font-weight:600}.kpi-sub{color:var(--gray-400);margin-top:3px;font-size:11px}.engagement-strip{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.eng-chip{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:14px 16px;transition:box-shadow .2s;display:flex}.eng-chip:hover{box-shadow:var(--shadow-md)}.eng-icon{background:var(--primary-100);width:34px;height:34px;color:var(--primary-light);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.eng-val{color:var(--gray-800);font-size:18px;font-weight:800;line-height:1}.eng-lbl{color:var(--gray-400);margin-top:3px;font-size:11px}.panel{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px 20px 16px;transition:box-shadow .2s}.panel:hover{box-shadow:var(--shadow-md)}.panel-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.panel-title{color:var(--gray-800);align-items:center;gap:7px;font-size:13.5px;font-weight:700;display:flex}.panel-sub{color:var(--gray-400);margin-top:2px;font-size:11.5px}.panel-chevron{color:var(--gray-300);flex-shrink:0;margin-top:2px}.grid-2-1{grid-template-columns:1fr 320px;gap:16px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=1100px){.grid-2-1{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.grid-2,.grid-3{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}}.day-filter{background:var(--gray-100);border-radius:9px;gap:4px;padding:3px;display:flex}.day-btn{color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:background .18s,color .18s}.day-btn:hover{color:var(--primary);background:#33014b0f}.day-btn-active{box-shadow:0 1px 4px #00000014;background:var(--white)!important;color:var(--primary)!important}.pie-legend{flex-direction:column;gap:8px;margin-top:10px;display:flex}.pie-leg-item{align-items:center;gap:8px;font-size:12px;display:flex}.pie-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.pie-leg-name{color:var(--gray-600);flex:1}.pie-leg-val{color:var(--gray-800);font-size:13px;font-weight:700}.bar-list{flex-direction:column;gap:12px;display:flex}.bar-row{flex-direction:column;gap:4px;display:flex}.bar-label{color:var(--gray-600);justify-content:space-between;font-size:12px;display:flex}.bar-pct{color:var(--gray-700);font-weight:700}.bar-track{background:var(--gray-100);border-radius:99px;height:7px;overflow:hidden}.bar-fill{border-radius:99px;height:100%;animation:.8s both fillBar}.feed-item{border-bottom:1px solid var(--gray-100);align-items:center;gap:11px;padding:9px 0;display:flex}.feed-item:last-of-type{border-bottom:none}.feed-avatar{background:var(--primary-100);width:34px;height:34px;color:var(--primary-light);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.feed-avatar-car{color:#2563eb;background:#3b82f61a}.feed-avatar-booking{color:#0891b2;background:#06b6d41a}.feed-body{flex:1;min-width:0}.feed-name{color:var(--gray-800);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.feed-sub{color:var(--gray-400);margin-top:1px;font-size:11.5px}.feed-right{flex-shrink:0}.feed-empty{text-align:center;color:var(--gray-400);padding:24px 0;font-size:13px}.chart-tooltip{background:var(--white);border:1px solid var(--gray-200);border-radius:10px;min-width:130px;padding:10px 14px;font-size:12px;box-shadow:0 4px 18px #33014b1f}.chart-tooltip-label{color:var(--gray-700);margin-bottom:7px;font-size:11.5px;font-weight:700}.chart-tooltip-row{color:var(--gray-600);align-items:center;gap:7px;margin-top:4px;display:flex}.chart-tooltip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chart-tooltip-row strong{color:var(--gray-800);margin-left:auto;font-weight:700}.badge{white-space:nowrap;text-transform:capitalize;border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{color:#15803d;background:#22c55e1f}.badge-warning{color:#b45309;background:#f59e0b1f}.badge-danger{color:#dc2626;background:#ef44441f}.badge-gray{background:var(--gray-100);color:var(--gray-500)}.panel-view-all{color:var(--primary-lighter);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;align-items:center;gap:3px;margin-top:1px;padding:3px 6px;font-size:11.5px;font-weight:600;transition:color .15s,background .15s;display:inline-flex}.panel-view-all:hover{color:var(--primary);background:var(--primary-50)}.kpi-card-link{cursor:pointer!important}.kpi-card-link:hover{transform:translateY(-4px)!important;box-shadow:0 8px 24px #33014b21!important}.kpi-card-link:hover:after{opacity:1}.kpi-arrow{color:var(--gray-300);transition:color .15s,transform .15s;position:absolute;top:12px;right:12px}.kpi-card-link:hover .kpi-arrow{color:var(--kpi-accent,var(--primary));transform:translate(3px)}.kpi-delta{align-items:center;gap:2px;margin-top:4px;font-size:10.5px;font-weight:700;display:inline-flex}.kpi-delta-up{color:#16a34a}.kpi-delta-down{color:#dc2626}.welcome-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.period-tabs{background:#ffffff1f;border-radius:10px;gap:3px;padding:3px;display:flex}.period-tab{color:#fff9;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:5px 12px;font-size:11.5px;font-weight:600;transition:background .15s,color .15s}.period-tab:hover{color:#ffffffe6;background:#ffffff1a}.period-tab-active{box-shadow:0 1px 4px #00000026;color:#fff!important;background:#ffffff38!important}.alert-strip{flex-wrap:wrap;gap:10px;animation:.3s both fadeUp;display:flex}.alert-chip{cursor:pointer;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:7px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex}.alert-chip:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0000001f}.alert-chip-warn{color:#92400e;background:#f59e0b1a;border-color:#f59e0b40}.alert-chip-danger{color:#991b1b;background:#dc262614;border-color:#dc262633}.alert-chip strong{font-weight:800}.period-snapshot{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:24px;padding:14px 20px;display:flex}.period-snap-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.period-snap-items{flex-wrap:wrap;gap:20px;display:flex}.period-snap-item{color:var(--gray-600);align-items:center;gap:6px;font-size:13px;display:flex}.period-snap-icon{background:var(--primary-100);width:26px;height:26px;color:var(--primary-light);border-radius:7px;justify-content:center;align-items:center;display:flex}.period-snap-item strong{color:var(--gray-800);font-size:15px;font-weight:800}.revenue-section{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:20px 22px 22px}.revenue-header{color:var(--primary);align-items:center;gap:8px;margin-bottom:18px;display:flex}.revenue-header h3{color:var(--gray-800);flex:1;font-size:14px;font-weight:700}.rev-badge{background:var(--primary-100);color:var(--primary-light);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700}.revenue-grid{grid-template-columns:200px 1fr 1fr 1fr;gap:14px;display:grid}.rev-total-card{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#1e0030 0%,#33014b 100%);padding:18px 16px}.rev-total-label{color:#fff9;margin-bottom:8px;font-size:11.5px;font-weight:600}.rev-total-value{letter-spacing:-.5px;font-size:22px;font-weight:800;line-height:1.1}.rev-total-sub{color:#ffffff80;margin-top:6px;font-size:11px}.sub-plan-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:12px;padding:14px 16px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.sub-plan-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-200);transform:translateY(-2px)}.sub-plan-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sub-plan-body{flex:1}.sub-plan-name{color:var(--gray-800);font-size:13px;font-weight:700}.sub-plan-price{color:var(--gray-400);margin-top:2px;font-size:11.5px}.sub-plan-count{color:var(--gray-700);text-align:right;min-width:28px;font-size:22px;font-weight:800}@media (width<=1100px){.revenue-grid{grid-template-columns:1fr 1fr}.rev-total-card{grid-column:1/-1}}@media (width<=720px){.revenue-grid{grid-template-columns:1fr}.period-tabs{flex-wrap:wrap}.welcome-right{align-items:flex-start}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-title{color:var(--gray-900);letter-spacing:.4px;margin:0;font-size:22px;font-weight:700}.page-subtitle{color:var(--gray-500);margin-top:3px;font-size:13px;font-weight:500}.page-action{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.table-wrap{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow:auto hidden}.table-wrap::-webkit-scrollbar{display:none}.data-table{border-collapse:collapse;width:100%;font-size:13.5px}.data-table thead tr{background:var(--gray-50);border-bottom:1.5px solid var(--gray-200)}.data-table th{text-align:left;color:var(--gray-500);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-700);vertical-align:middle;white-space:nowrap;padding:8px 12px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover td{background:var(--primary-50)}.table-loading,.table-empty{text-align:center;color:var(--gray-400);font-size:13.5px;padding:56px 16px!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.table-loading{animation:1.5s ease-in-out infinite pulse}.pagination{justify-content:center;align-items:center;gap:4px;margin-top:20px;display:flex}.pg-btn{border-radius:var(--radius-md);border:1.5px solid var(--gray-200);background:var(--white);min-width:34px;height:34px;color:var(--gray-600);cursor:pointer;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.pg-btn:hover:not(:disabled){border-color:var(--primary-200);color:var(--primary);background:var(--primary-50)}.pg-btn.active{background:var(--primary);border-color:var(--primary);color:var(--white);font-weight:700;box-shadow:0 2px 8px #33014b40}.pg-btn:disabled{opacity:.38;cursor:not-allowed}.stat-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:20px;transition:box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--card-accent,transparent);border-radius:14px 14px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.stat-body{min-width:0}.stat-value{color:var(--gray-900);letter-spacing:.5px;font-family:Quantify,sans-serif;font-size:28px;font-weight:700;line-height:1}.stat-title{color:var(--gray-500);text-transform:uppercase;letter-spacing:.6px;margin-top:5px;font-size:11.5px;font-weight:600}.stat-subtitle{color:var(--gray-400);margin-top:2px;font-size:11px}.dialog-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#120b198c;justify-content:center;align-items:center;animation:.15s dlg-fade-in;display:flex;position:fixed;inset:0}@keyframes dlg-fade-in{0%{opacity:0}to{opacity:1}}.dialog-box{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:380px;box-shadow:var(--shadow-lg), 0 0 0 1px var(--gray-200);padding:28px 28px 24px;animation:.18s dlg-slide-up}@keyframes dlg-slide-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.dialog-title{color:var(--gray-900);margin-bottom:10px;font-size:16px;font-weight:700}.dialog-message{color:var(--gray-500);margin-bottom:22px;font-size:13.5px;line-height:1.55}.dialog-actions{justify-content:flex-end;gap:10px;display:flex}.dialog-btn{border-radius:var(--radius-md);cursor:pointer;border:1.5px solid #0000;padding:9px 20px;font-size:13.5px;font-weight:600;transition:all .14s}.dialog-btn-cancel{background:var(--gray-100);color:var(--gray-600);border-color:var(--gray-200)}.dialog-btn-cancel:hover{background:var(--gray-200)}.dialog-btn-danger{color:#dc2626;background:#ef44441a;border-color:#ef444440}.dialog-btn-danger:hover{background:#ef44442e}.dialog-btn-success{color:#15803d;background:#22c55e1a;border-color:#22c55e40}.dialog-btn-success:hover{background:#22c55e2e}.dialog-btn-warning{color:#b45309;background:#f59e0b1a;border-color:#f59e0b40}.dialog-btn-warning:hover{background:#f59e0b2e}.dialog-btn-primary{background:var(--primary);color:var(--white);border-color:var(--primary)}.dialog-btn-primary:hover{background:var(--primary-light);border-color:var(--primary-light)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--white,#fff);border-radius:var(--radius-xl,14px);border:1px solid var(--gray-200,#e2e8f0);flex-direction:column;width:95%;max-width:1040px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--gray-100,#f1f5f9);background:var(--gray-50,#f8fafc);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.modal-header-info{align-items:center;gap:12px;display:flex}.modal-avatar{background:var(--primary-100,#e0e7ff);width:38px;height:38px;color:var(--primary,#4f46e5);object-fit:cover;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.modal-title-group h2{color:var(--gray-900,#0f172a);align-items:center;gap:6px;margin:0;font-size:16px;font-weight:700;display:flex}.modal-title-group p{color:var(--gray-500,#64748b);align-items:center;margin:1px 0 0;font-size:12px;display:flex}.modal-close-btn{color:var(--gray-400,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:all .15s;display:flex}.modal-close-btn:hover{background:var(--gray-200,#e2e8f0);color:var(--gray-700,#334155)}.modal-body{flex-direction:column;gap:10px;padding:12px 16px;display:flex;overflow-y:auto}.modal-section{border:1px solid var(--gray-200,#e2e8f0);background:#fff;border-radius:10px;flex-direction:column;padding:10px 14px;display:flex}.modal-section.span-full{grid-column:1/-1}.section-header{color:var(--gray-800,#1e293b);border-bottom:1px solid var(--gray-100,#f1f5f9);align-items:center;gap:6px;margin-bottom:8px;padding-bottom:4px;font-size:12.5px;font-weight:600;display:flex}.details-grid{grid-template-columns:repeat(2,1fr);gap:6px 12px;display:grid}.details-grid.grid-4-cols{grid-template-columns:repeat(4,1fr)}.detail-item{flex-direction:column;gap:1px;display:flex}.detail-label{text-transform:uppercase;letter-spacing:.03em;color:var(--gray-400,#94a3b8);font-size:10.5px;font-weight:600}.detail-value{color:var(--gray-800,#1e293b);word-break:break-word;font-size:12.5px;font-weight:500}.qa-list{grid-template-columns:repeat(2,1fr);gap:6px 10px;display:grid}.qa-list.grid-4-cols{grid-template-columns:repeat(4,1fr)}.qa-item{background:var(--gray-50,#f8fafc);border:1px solid var(--gray-200,#e2e8f0);border-radius:6px;flex-direction:column;gap:1px;padding:6px 8px;display:flex}.qa-question{color:var(--gray-500,#64748b);font-size:10.5px;font-weight:600;line-height:1.2}.qa-answer{color:var(--gray-800,#1e293b);font-size:12.5px;font-weight:600}.document-preview-grid{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.doc-card{border:1px solid var(--gray-200,#e2e8f0);background:var(--gray-50,#f8fafc);border-radius:8px;flex-direction:row;align-items:center;gap:8px;padding:6px 10px;display:flex}.doc-thumb{object-fit:cover;border:1px solid var(--gray-200,#e2e8f0);background:#fff;border-radius:4px;width:36px;height:36px}.doc-title{color:var(--gray-700,#334155);font-size:11.5px;font-weight:600}.doc-link{color:var(--primary,#3b82f6);align-items:center;gap:3px;font-size:11.5px;font-weight:500;text-decoration:none;display:flex}.doc-link:hover{text-decoration:underline}.modal-loading{color:var(--gray-500,#64748b);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 20px;display:flex}.spinner{border:3px solid var(--gray-200,#e2e8f0);border-top-color:var(--primary,#3b82f6);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.modal-footer{border-top:1px solid var(--gray-100,#f1f5f9);background:var(--gray-50,#f8fafc);flex-shrink:0;justify-content:flex-end;padding:8px 18px;display:flex}.btn-secondary{border:1px solid var(--gray-300,#cbd5e1);color:var(--gray-700,#334155);cursor:pointer;background:#fff;border-radius:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .15s}.btn-secondary:hover{background:var(--gray-100,#f1f5f9)}.page{width:100%}.stats-row{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;margin-bottom:22px;display:grid}.filters-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.search-wrap{flex:1;min-width:220px;max-width:340px;position:relative}.search-icon{color:var(--gray-400);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border-radius:var(--radius-md);border:1.5px solid var(--gray-200);background:var(--white);width:100%;color:var(--gray-800);padding:9px 12px 9px 36px;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.search-input::placeholder{color:var(--gray-400)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.table-wrap{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch;overflow:auto hidden}.filter-select{border-radius:var(--radius-md);border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-700);cursor:pointer;min-width:130px;padding:9px 12px;font-size:13.5px;transition:border-color .18s}.filter-select:focus{border-color:var(--primary);outline:none}.user-cell{align-items:center;gap:10px;display:flex}.avatar-sm{background:var(--primary-100);width:32px;height:32px;color:var(--primary-light);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.cell-primary{color:var(--gray-800);font-size:13.5px;font-weight:600}.cell-primary.clickable-name{color:var(--primary,#3b82f6);cursor:pointer;transition:color .15s,-webkit-text-decoration .15s,text-decoration .15s}.cell-primary.clickable-name:hover{color:#1d4ed8;text-decoration:underline}.cell-secondary{color:var(--gray-400);margin-top:1px;font-size:12px}.flex-gap{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.action-btn{border-radius:var(--radius-sm);border:1.5px solid #0000;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .14s;display:flex}.action-btn.success{color:#16a34a;background:#22c55e17;border-color:#22c55e33}.action-btn.success:hover{background:#22c55e2e}.action-btn.danger{color:#dc2626;background:#ef444417;border-color:#ef444433}.action-btn.danger:hover{background:#ef44442e}.action-btn.primary{background:var(--primary-100);color:var(--primary);border-color:var(--primary-200)}.action-btn.primary:hover{background:var(--primary-200)}.action-btn.warning{color:#d97706;background:#f59e0b17;border-color:#f59e0b33}.action-btn.warning:hover{background:#f59e0b2e}.btn-primary{background:var(--primary);color:var(--white);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex}.btn-primary:hover{background:var(--primary-light);box-shadow:0 4px 14px #33014b40}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#120b198c;justify-content:center;align-items:center;animation:.15s dlg-fade-in;display:flex;position:fixed;inset:0}.modal-box{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg), 0 0 0 1px var(--gray-200);animation:.18s dlg-slide-up;overflow:hidden}.modal-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:20px 24px 18px;display:flex}.modal-title{color:var(--gray-900);font-size:16px;font-weight:700}.modal-close{background:var(--gray-100);width:28px;height:28px;color:var(--gray-500);cursor:pointer;border:none;border-radius:7px;justify-content:center;align-items:center;transition:background .14s;display:flex}.modal-close:hover{background:var(--gray-200)}.modal-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.modal-footer{border-top:1px solid var(--gray-100);justify-content:flex-end;gap:10px;padding:16px 24px 20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--gray-700);font-size:13px;font-weight:600}.form-input{border-radius:var(--radius-md);border:1.5px solid var(--gray-200);background:var(--white);width:100%;color:var(--gray-800);padding:9px 12px;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50);outline:none}.form-input::placeholder{color:var(--gray-400)}.form-input-error{border-color:var(--danger)!important}.form-error{color:var(--danger);margin-top:2px;font-size:12px}.banner-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.banner-empty{color:var(--gray-400);text-align:center;background:var(--white);border-radius:var(--radius-lg);border:1px dashed var(--gray-300);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;font-size:13.5px;display:flex}.banner-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s,opacity .2s;overflow:hidden}.banner-card:hover{box-shadow:var(--shadow-md)}.banner-card-inactive{opacity:.6}.banner-img-wrap{background:var(--gray-100);width:100%;height:150px;position:relative;overflow:hidden}.banner-img{object-fit:cover;width:100%;height:100%;display:block}.banner-img-placeholder{width:100%;height:100%;color:var(--gray-300);justify-content:center;align-items:center;display:flex}.banner-overlay-actions{opacity:0;gap:6px;transition:opacity .18s;display:flex;position:absolute;top:8px;right:8px}.banner-img-wrap:hover .banner-overlay-actions{opacity:1}.banner-action-btn{width:30px;height:30px;color:var(--gray-600);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .14s,color .14s;display:flex;box-shadow:0 2px 8px #0000001f}.banner-action-btn:hover{background:var(--white);color:var(--primary)}.banner-action-danger:hover{color:var(--danger)}.banner-body{flex-direction:column;gap:8px;padding:14px 16px 12px;display:flex}.banner-meta{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.banner-title{color:var(--gray-800);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13.5px;font-weight:700;overflow:hidden}.banner-detail-row{align-items:center;gap:8px;display:flex}.banner-order{color:var(--gray-400);font-size:11.5px}.banner-link{color:var(--primary-lighter);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.banner-footer{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.banner-date{color:var(--gray-400);font-size:11.5px}.banner-preview-img{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--gray-200);width:100%;max-height:120px;margin-top:8px}@media (width<=640px){.banner-grid{grid-template-columns:1fr}}.analytics-page{max-width:1200px}.chart-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=900px){.chart-grid{grid-template-columns:1fr}}.chart-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);padding:22px;transition:box-shadow .2s}.chart-card:hover{box-shadow:var(--shadow-md)}.card-heading{color:var(--gray-800);margin-bottom:18px;font-family:inherit;font-size:14px;font-weight:700}.au-btn-primary{background:var(--primary);color:var(--white);border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .2s;display:inline-flex}.au-btn-primary:hover{background:var(--primary-light)}.au-btn-primary:disabled{opacity:.65;cursor:not-allowed}.au-btn-ghost{color:var(--gray-600);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;background:0 0;align-items:center;padding:9px 16px;font-size:13px;font-weight:500;transition:border-color .2s;display:inline-flex}.au-btn-ghost:hover{border-color:var(--gray-400)}.au-empty{text-align:center;color:var(--gray-400);padding:60px;font-size:14px}.au-row-actions{justify-content:flex-end;gap:6px;display:flex}.au-overlay{z-index:200;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.au-card{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-lg);max-height:90vh;padding:28px;overflow-y:auto}.au-card-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.au-card-header h3{color:var(--gray-800);font-size:17px;font-weight:700}.au-close{color:var(--gray-400);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.au-close:hover{color:var(--gray-700)}.au-form{flex-direction:column;gap:18px;display:flex}.au-field{flex-direction:column;gap:7px;display:flex}.au-field>label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:700}.au-field input[type=text],.au-field input[type=email],.au-field input[type=password]{border:1.5px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-800);background:var(--gray-50);width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.au-field input:focus{border-color:var(--primary);background:var(--white);box-shadow:0 0 0 3px var(--primary-50);outline:none}.au-modules-grid{flex-wrap:wrap;gap:8px;display:flex}.au-chip{border:1.5px solid var(--gray-200);color:var(--gray-500);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:5px;padding:6px 13px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.au-chip input{display:none}.au-chip:hover{border-color:var(--primary);color:var(--primary)}.au-chip.active{background:var(--primary-100);border-color:var(--primary);color:var(--primary);font-weight:600}.au-toggle-row{flex-direction:row;justify-content:space-between;align-items:center}.au-toggle{cursor:pointer;border:none;border-radius:999px;padding:6px 16px;font-size:12px;font-weight:600;transition:background .15s}.au-toggle.on{color:#16a34a;background:#22c55e1f}.au-toggle.off{color:#dc2626;background:#ef44441a}.au-form-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.uae-page{max-width:1400px}.uae-layout{grid-template-columns:380px 1fr;align-items:start;gap:20px;margin-top:20px;display:grid}.uae-stats-panel{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);overflow:hidden}.uae-panel-header{background:var(--primary-100);color:var(--primary);letter-spacing:.3px;border-bottom:1px solid var(--primary-200);padding:13px 18px;font-size:13px;font-weight:700}.uae-table{border-collapse:collapse;width:100%}.uae-table thead th{color:var(--gray-500);text-transform:uppercase;letter-spacing:.4px;text-align:left;border-bottom:1.5px solid var(--gray-200);background:var(--gray-50);padding:11px 14px;font-size:11.5px;font-weight:700}.uae-table thead th:not(:first-child){text-align:right}.uae-row{border-bottom:1px solid var(--gray-100);cursor:pointer;transition:background .12s}.uae-row:hover{background:var(--primary-50)}.uae-row-active{background:var(--primary-100)!important}.uae-emirate-name{color:var(--gray-700);padding:10px 14px;font-size:13px;font-weight:500}.uae-num{text-align:right;color:var(--gray-700);padding:10px 14px;font-size:13px}.uae-num-accent{color:#2563eb;font-weight:600}.uae-total-row{background:var(--gray-50);border-top:2px solid var(--gray-200)}.uae-total-row td{padding:12px 14px;font-size:13px}.uae-total-row .uae-num{text-align:right}.uae-map-panel{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);padding:18px}.uae-map-topbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.uae-map-label{color:var(--gray-700);font-size:13.5px;font-weight:700}.uae-svg-wrap{width:100%;position:relative}.uae-svg{border-radius:var(--radius-md);width:100%;height:auto;display:block}.uae-info-card{border:1.5px solid var(--primary-200);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#fffffff2;padding:14px 16px;position:absolute;top:12px;right:12px}.uae-info-title{color:var(--primary);border-bottom:1px solid var(--primary-100);margin-bottom:10px;padding-bottom:8px;font-size:13px;font-weight:700}.uae-info-grid{flex-direction:column;gap:6px;display:flex}.uae-info-item{justify-content:space-between;gap:16px;font-size:12px;display:flex}.uae-info-item span{color:var(--gray-500)}.uae-info-item strong{color:var(--gray-800)}.uae-legend{align-items:center;gap:10px;margin-top:14px;padding:0 4px;display:flex}.uae-legend-label{color:var(--gray-400);white-space:nowrap;font-size:11px}.uae-legend-bar{background:linear-gradient(90deg,#e8e0f0,#33014b);border-radius:4px;flex:1;height:10px}.uae-legend-meta{color:var(--gray-500);white-space:nowrap;margin-left:4px;font-size:11px;font-weight:600}.uae-scale-note{text-align:right;color:var(--gray-400);margin-top:6px;font-size:10px}@media (width<=900px){.uae-layout{grid-template-columns:1fr}.uae-info-card{top:8px;right:8px}}.pt-page{max-width:1100px;padding:28px 32px}.pt-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.pt-title{color:var(--gray-800);margin:0;font-size:22px;font-weight:700}.pt-count{background:var(--gray-100);color:var(--gray-500);border-radius:20px;padding:3px 10px;font-size:12.5px;font-weight:500}.pt-table-wrap{background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden}.pt-table{border-collapse:collapse;width:100%;font-size:13.5px}.pt-table thead tr{background:var(--gray-50);border-bottom:1.5px solid var(--gray-200)}.pt-table th{text-align:left;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.pt-table td{color:var(--gray-700);border-bottom:1px solid var(--gray-100);vertical-align:middle;padding:14px 16px}.pt-table tbody tr:last-child td{border-bottom:none}.pt-table tbody tr:hover{background:var(--gray-50);transition:background .14s}.pt-td-label{font-weight:600;color:var(--gray-800)!important}.pt-badge{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.pt-badge-blue{color:#2563eb;background:#3b82f61a}.pt-badge-purple{color:#7c3aed;background:#8b5cf61a}.pt-badge-gray{background:var(--gray-100);color:var(--gray-500)}.pt-edit-btn{border-radius:var(--radius-sm);border:1.5px solid var(--primary-200);background:var(--primary-50);width:30px;height:30px;color:var(--primary);cursor:pointer;justify-content:center;align-items:center;transition:all .14s;display:flex}.pt-edit-btn:hover{background:var(--primary-100);border-color:var(--primary)}.pt-loading{text-align:center;color:var(--gray-400);font-size:14px;padding:48px 16px!important}.pt-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#00000073;justify-content:center;align-items:center;animation:.15s ptFadeIn;display:flex;position:fixed;inset:0}@keyframes ptFadeIn{0%{opacity:0}to{opacity:1}}.pt-modal{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:460px;animation:.18s ptSlideUp;box-shadow:0 20px 60px #0000002e}@keyframes ptSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.pt-modal-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}.pt-modal-title{color:var(--gray-800);font-size:15px;font-weight:700}.pt-modal-close{border-radius:var(--radius-sm);border:1.5px solid var(--gray-200);width:28px;height:28px;color:var(--gray-500);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .13s;display:flex}.pt-modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.pt-modal-body{flex-direction:column;gap:14px;padding:18px 22px;display:flex}.pt-row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pt-field{flex-direction:column;gap:5px;display:flex}.pt-label{color:var(--gray-600);font-size:12.5px;font-weight:600}.pt-input{border-radius:var(--radius-md);border:1.5px solid var(--gray-200);color:var(--gray-800);background:var(--white);outline:none;padding:9px 12px;font-size:13.5px;transition:border-color .16s,box-shadow .16s}.pt-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.pt-input-err{border-color:#ef4444!important}.pt-select{cursor:pointer}.pt-err{color:#dc2626;font-size:11.5px}.pt-modal-footer{border-top:1px solid var(--gray-100);justify-content:flex-end;gap:10px;padding:14px 22px 18px;display:flex}.pt-btn-cancel{border-radius:var(--radius-md);border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-600);cursor:pointer;padding:8px 18px;font-size:13px;font-weight:500;transition:all .14s}.pt-btn-cancel:hover{background:var(--gray-50);border-color:var(--gray-300)}.pt-btn-save{border-radius:var(--radius-md);background:var(--primary);color:#fff;cursor:pointer;border:none;padding:8px 20px;font-size:13px;font-weight:600;transition:opacity .14s}.pt-btn-save:hover:not(:disabled){opacity:.88}.pt-btn-save:disabled{opacity:.55;cursor:not-allowed}.pt-error-banner{border-radius:var(--radius-lg);background-color:#ef44440d;border:1.5px solid #ef444433;gap:12px;margin-bottom:20px;padding:16px;animation:.2s ptSlideDown;display:flex}@keyframes ptSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pt-error-banner-icon{color:#dc2626;flex-shrink:0;align-items:center;display:flex}.pt-error-banner-content{flex-direction:column;gap:4px;display:flex}.pt-error-banner-title{color:#991b1b;margin:0;font-size:14.5px;font-weight:700}.pt-error-banner-list{color:#7f1d1d;flex-direction:column;gap:6px;margin:4px 0 0;padding-left:20px;font-size:13px;display:flex}.pt-error-banner-list li{line-height:1.4}.pt-table tbody tr.pt-row-error td{background-color:#ef444409;border-bottom:1px solid #ef44441a}.pt-table tbody tr.pt-row-error:hover td{background-color:#ef444411}.pt-error-badge-inline{color:#dc2626;vertical-align:middle;background-color:#fee2e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.pt-header-left{align-items:center;gap:12px;display:flex}.pt-header-actions{align-items:center;gap:10px;animation:.2s ptFadeIn;display:flex}.pt-btn-discard{border-radius:var(--radius-md);border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-600);cursor:pointer;padding:8px 16px;font-size:13px;font-weight:500;transition:all .14s}.pt-btn-discard:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-800)}.pt-btn-discard:disabled{opacity:.55;cursor:not-allowed}.pt-btn-save-all{border-radius:var(--radius-md);background:var(--primary);color:#fff;cursor:pointer;border:none;padding:8px 18px;font-size:13px;font-weight:600;transition:all .14s;box-shadow:0 2px 4px #0000000d}.pt-btn-save-all:hover:not(:disabled){opacity:.9;transform:translateY(-.5px)}.pt-btn-save-all:active:not(:disabled){transform:translateY(0)}.pt-btn-save-all:disabled{background:var(--gray-200);color:var(--gray-400);cursor:not-allowed;box-shadow:none}.pt-error-desc{color:#7f1d1d;margin:4px 0 0;font-size:13px}.pt-toast{z-index:2000;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid var(--gray-200);background:#fffffff2;align-items:center;gap:12px;min-width:280px;padding:14px 18px;font-size:13.5px;font-weight:500;animation:.25s cubic-bezier(.16,1,.3,1) ptToastSlideIn;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0000001f}@keyframes ptToastSlideIn{0%{opacity:0;transform:translate(-50%,-20px)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}.pt-toast-success{color:#15803d;background:#f0fdf4f2;border-color:#22c55e4d}.pt-toast-success .pt-toast-icon{color:#22c55e}.pt-toast-error{color:#b91c1c;background:#fef2f2f2;border-color:#ef44444d}.pt-toast-error .pt-toast-icon{color:#ef4444}.pt-toast-message{flex-grow:1}.pt-toast-close{color:currentColor;opacity:.6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:opacity .1s;display:flex}.pt-toast-close:hover{opacity:1}