@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#253653;background:#f5f8fe;--navy:#192d4c;--navy-dark:#112340;--primary:#4989f7;--dark:#1e304e;--muted:#7e8da4;--edge:#e5ebf5;--surface:#fff;--blue-light:#eef5ff;--shadow:0 8px 38px rgba(30,54,94,.055)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.045em}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #4e8af555;outline-offset:2px}.i{display:inline-grid;place-items:center;flex:none;font-family:system-ui,'Segoe UI Symbol';font-weight:700;line-height:1;width:1.2em;height:1.2em}.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 19px;background:var(--primary);border:1px solid #3f80ed;border-radius:11px;color:white;font-size:12px;font-weight:800;min-height:44px;box-shadow:0 7px 19px #4989f726;transition:background .2s,transform .2s}.primary:hover{background:#2d70dd;transform:translateY(-1px)}.soft{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 17px;min-height:42px;border:1px solid #dce7f7;background:#f5f9ff;color:#3f6db0;border-radius:10px;font-size:12px;font-weight:800}.soft:hover{background:#e9f3ff}.eyebrow{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.17em;color:#4c88e7;text-transform:uppercase}.brand-symbol{width:37px;height:37px;display:grid;place-items:center;border:1px solid #ffffff2a;border-radius:12px;background:#4e92fa;color:#fff;flex:none}.brand-symbol span{font-weight:800;font-size:26px;line-height:1;transform:translateY(-2px)}.brand-word{font:800 22px Manrope,sans-serif;letter-spacing:-.075em;white-space:nowrap}.brand-word>span{color:#fff}.loading-shell,.boot-error{padding:35vh 30px;text-align:center;color:#58718e}.boot-error h2{font-size:26px}.boot-error p{margin:0 auto 30px;max-width:520px}
/* login */
.auth-layout{display:grid;grid-template-columns:52% 48%;min-height:100svh;background:#f7faff}.auth-left{position:relative;isolation:isolate;display:flex;flex-direction:column;background:linear-gradient(148deg,#182c4d 8%,#132747 54%,#0a1c37 100%);color:#fff;overflow:hidden;padding:clamp(30px,5.4vw,82px);padding-top:clamp(28px,3.2vw,52px)}.auth-left:after{content:"";position:absolute;width:620px;height:620px;border:1px solid #ffffff13;border-radius:50%;right:-290px;bottom:-285px;box-shadow:0 0 0 125px #ffffff05,0 0 0 255px #ffffff03;z-index:-1}.auth-brand-top{display:flex;align-items:center;gap:12px;z-index:1}.auth-hero{position:relative;margin:auto 0;max-width:720px;padding:70px 0;z-index:1}.auth-kicker{display:inline-flex;align-items:center;gap:10px;color:#afc5e7;font-size:10px;font-weight:800;letter-spacing:.19em;margin-bottom:36px}.kicker-dot{width:7px;height:7px;background:#55a1fb;border-radius:50%;box-shadow:0 0 0 6px #55a1fb22}.auth-hero h1{font-size:clamp(40px,4.4vw,68px);font-weight:800;letter-spacing:-.065em;line-height:1.18;margin:0 0 28px}.auth-hero h1 span{color:#69a5ff}.auth-hero>p{max-width:475px;font-size:clamp(14px,1.15vw,16px);color:#adc2e2;line-height:1.8}.auth-benefits{display:flex;flex-direction:column;gap:17px;margin-top:40px}.auth-benefits span{font-size:12px;font-weight:600;color:#d6e4fa;display:flex;align-items:center;gap:12px}.auth-benefits b{font-size:12px;color:#91cbff;width:21px;height:21px;border-radius:50%;background:#ffffff16;display:grid;place-items:center}.auth-bottom{display:flex;justify-content:space-between;gap:12px;color:#8da7c8;font-size:9px;font-weight:700;letter-spacing:.06em;position:relative;z-index:1}.auth-orb{position:absolute;pointer-events:none;border-radius:50%;filter:blur(14px)}.orb-one{width:160px;height:160px;background:#468dff1c;top:15%;right:-120px}.orb-two{width:220px;height:220px;background:#317ee319;bottom:-135px;left:55%}.auth-right{display:flex;justify-content:center;align-items:center;padding:45px 6vw;background:radial-gradient(circle at 85% 2%,#e6efff,transparent 38%),#f8faff}.auth-card{width:100%;max-width:450px;padding:30px 5px}.auth-mobile-brand{display:none}.auth-card h2{font-size:clamp(30px,2.8vw,38px);margin:18px 0 12px;color:#182b49;letter-spacing:-.06em}.auth-subtitle{font-size:14px;color:#78879d;line-height:1.8;margin-bottom:38px}.auth-card form{display:flex;flex-direction:column;gap:20px}.form-field{display:flex;flex-direction:column;gap:9px;min-width:0}.form-field>span{font-size:12px;font-weight:800;color:#394a63}.form-field em{color:#e25b6a}.form-field>input,.form-field>select,.form-field>textarea,.pass-wrap>input{width:100%;background:white;border:1px solid #dfe7f2;border-radius:11px;color:#1c304f;min-height:47px;padding:12px 15px;font-size:13px;outline:0;transition:border .15s,box-shadow .15s}.form-field>textarea{resize:vertical;min-height:90px}.form-field>input:focus,.form-field>select:focus,.form-field>textarea:focus,.pass-wrap:focus-within>input{border-color:#4c91f7;box-shadow:0 0 0 4px #5090fb15}.form-field input::placeholder,.form-field textarea::placeholder{color:#b2bfd0}.pass-wrap{position:relative}.pass-wrap>input{padding-right:52px}.pass-wrap button{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;color:#8597b2;background:none;font-size:18px}.auth-note{font-size:11px;color:#8b99aa;line-height:1.7;margin:-3px 0 0}.auth-submit{width:100%;height:53px;font-size:13px;border-radius:11px;margin-top:4px;justify-content:space-between;padding-inline:22px}.auth-support{display:flex;align-items:center;justify-content:center;gap:10px;color:#8e9bb0;font-size:11px;margin-top:32px;border-top:1px solid #e8edf5;padding-top:22px}.auth-support .i{color:#528ada}.setup-note,.notice-soft{background:#fff6e7;border:1px solid #f5e1bf;color:#866526;padding:13px 15px;border-radius:10px;font-size:12px;line-height:1.6;margin-top:18px}.form-error{background:#fff0f1;border:1px solid #f4c8d0;padding:12px;border-radius:9px;color:#b03853;font-size:12px}
/* App layout */
.app-shell{display:flex;min-height:100svh}.sidebar{position:sticky;top:0;min-height:100svh;height:100svh;display:flex;flex-direction:column;width:258px;min-width:258px;background:#182c4b;color:#fff;padding:27px 16px 16px;z-index:50;overflow-y:auto}.side-brand{display:flex;align-items:center;gap:10px;padding:0 11px 30px;position:relative}.side-brand .brand-word{font-size:18px}.side-brand .brand-symbol{height:32px;width:32px;border-radius:10px}.side-brand .brand-symbol span{font-size:22px}.side-brand small{position:absolute;left:56px;top:35px;color:#7e97b8;font-size:8px;font-weight:800;letter-spacing:.14em}.side-company{display:flex;align-items:center;gap:10px;border:1px solid #ffffff19;border-radius:13px;background:#ffffff0b;padding:12px 9px;margin:18px 2px 34px}.company-avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#4d8bf32a;color:#a8cdff;flex:none}.side-company div{min-width:0;flex:1}.side-company small{display:block;font-size:8px;font-weight:800;letter-spacing:.12em;color:#819dbf;margin-bottom:5px}.side-company strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-company>.i{color:#93acd0}.side-section-label{color:#7792b5;padding:0 14px;font-size:9px;font-weight:800;letter-spacing:.12em;margin-bottom:13px}.side-nav{display:flex;flex-direction:column;gap:4px}.side-nav button{display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:12px 13px;background:transparent;color:#a5bad7;border:0;border-radius:9px;font-size:12px;font-weight:700;min-height:45px}.side-nav button>.i:last-child{margin-left:auto;font-weight:400;font-size:17px!important;opacity:.55}.side-nav button.active,.side-nav button:hover{background:#4b8ef324;color:#fff}.side-nav button.active{box-shadow:inset 3px 0 #6ba5ff}.side-nav button.active>.i:first-child{color:#8cbaff}.side-footer{margin-top:auto;padding:30px 4px 8px}.side-help{display:flex;align-items:center;gap:10px;background:#ffffff0c;border:1px solid #ffffff14;border-radius:11px;padding:13px 9px}.side-help>.i{color:#92b9f8}.side-help strong{font-size:10px;display:block}.side-help small{font-size:9px;display:block;color:#809bbd;margin-top:6px;line-height:1.5}.side-copyright{color:#6786aa;font-size:9px;text-align:center;margin-top:17px}.main-column{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:80px;flex:none;background:#fff;border-bottom:1px solid #edf0f6;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3.4vw,58px)}.topbar-left,.topbar-right,.breadcrumb,.profile-chip{display:flex;align-items:center;gap:13px}.breadcrumb{font-size:12px;color:#a0aec2}.breadcrumb strong{color:#344864;font-weight:800}.topbar-right{gap:18px}.topbar-status{display:flex;align-items:center;gap:9px;font-size:11px;color:#8a9ab0}.topbar-status i{width:7px;height:7px;background:#48c286;display:block;border-radius:50%}.header-line{height:28px;width:1px;background:#e4ebf3}.profile-avatar{height:34px;width:34px;display:grid;place-items:center;background:#eaf2ff;color:#447cd4;border-radius:50%;font-size:13px;font-weight:800}.profile-chip strong{font-size:11px;display:block;white-space:nowrap}.profile-chip small{font-size:10px;color:#91a0b4;display:block;margin-top:2px;text-transform:capitalize}.logout-btn,.plain-btn{background:none;border:0;color:#899bb4;padding:8px}.logout-btn:hover,.plain-btn:hover{color:#397ce8}.topbar #toggle-menu{display:none}.work-area{flex:1;padding:35px clamp(20px,3.4vw,58px) 60px;max-width:1660px;width:100%;margin:0 auto}.work-footer{display:flex;justify-content:space-between;gap:10px;padding:19px clamp(20px,3.4vw,58px);font-size:10px;color:#a2aec0;border-top:1px solid #e8edf4}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.page-heading h1{font-size:clamp(26px,2.4vw,36px);color:#213653;margin:9px 0 8px}.page-heading p{color:#8898ad;font-size:13px;margin:0;line-height:1.7}.welcome-dot{color:#78acff}.date-chip{color:#8292a8;border:1px solid #e4eaf3;border-radius:9px;padding:12px 14px;background:white;font-size:11px;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metrics.two{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{background:#fff;border:1px solid #e8edf5;padding:22px 21px;min-height:168px;border-radius:15px;box-shadow:var(--shadow);display:flex;flex-direction:column}.metric-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;color:#7f90a8;font-size:11px;font-weight:700}.metric-icon{height:36px;width:36px;border-radius:10px;color:#437fdd;background:#eaf3ff;display:grid;place-items:center}.metric-icon.pale{background:#eff5ff;color:#4b8ff4}.metric strong{font-family:Manrope,sans-serif;font-size:clamp(25px,2.4vw,34px);letter-spacing:-.045em;color:#223955;margin:19px 0 7px}.metric>span{color:#8291a5;font-weight:700;font-size:11px}.metric small{color:#a6b1c0;font-size:10px}.metric.mini{min-height:110px;padding:19px}.metric.mini strong{margin:12px 0;font-size:24px}.metric-strip{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:21px}.dashboard-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.feature-card,.steps-card,.info-line{border:1px solid #e7edf5;border-radius:15px;background:#fff;box-shadow:var(--shadow)}.feature-card{overflow:hidden;display:flex;align-items:center;min-height:312px}.feature-ill{position:relative;min-width:35%;align-self:stretch;background:linear-gradient(145deg,#eaf3ff,#f5faff);display:flex;align-items:center;justify-content:center;color:#4c8ffa}.feature-ill>.i{font-size:65px!important;font-weight:400}.feature-ill span:first-child{position:absolute;top:26px;left:27px;color:#a3c4ef;font-size:13px;font-weight:800}.feature-text{padding:27px 33px}.feature-text h2{font-size:24px;margin:13px 0;color:#243a59;line-height:1.36}.feature-text p{color:#8798af;line-height:1.8;font-size:12px;margin-bottom:20px}.feature-text .primary{font-size:11px}.steps-card{padding:24px}.card-heading h3{font-size:17px;color:#243953;margin:0 0 6px}.card-heading p{font-size:11px;color:#9ba9ba;margin:0 0 25px}.step{display:flex;align-items:center;gap:15px;padding:16px 0;border-top:1px solid #edf1f7;cursor:pointer}.step:hover strong{color:#4e8df0}.step-index{display:grid;place-items:center;width:34px;height:34px;background:#edf5ff;color:#6e9cde;border-radius:9px;font-weight:800;font-size:11px}.step div{flex:1}.step strong{font-size:11px;display:block;color:#324661}.step small{display:block;font-size:10px;color:#9ba8ba;margin-top:5px}.step>.i{color:#a4b2c4}.info-line{display:flex;align-items:center;gap:14px;padding:19px 23px;margin-top:20px;background:#fdfefe}.info-line>.i{color:#5190fb}.info-line strong{font-size:11px}.info-line p{font-size:10px;color:#8a9bb1;margin:4px 0 0}
/* tables */
.table-card{background:#fff;border:1px solid #e7edf6;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.table-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 25px;border-bottom:1px solid #eef1f7}.table-head h3{font-size:16px;color:#2c3f59;margin:0 0 5px}.table-head span{color:#9dabba;font-size:11px}.count{font-size:10px!important;display:inline-block;color:#477eca!important;background:#ecf3ff;border-radius:7px;padding:3px 7px;vertical-align:middle}.table-search{display:flex;align-items:center;gap:7px;background:#f9fbff;border:1px solid #e5ecf5;border-radius:10px;padding:9px 12px;color:#9aacca}.table-search input{border:0;background:none;outline:0;color:#253b56;width:180px;font-size:11px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{background:#fbfcff;padding:15px 20px;color:#9ba9bd;font-size:10px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}td{padding:17px 20px;font-size:12px;color:#4c5d78;border-top:1px solid #f0f2f7;white-space:nowrap}td strong{color:#2e425f;font-weight:800}.row-tools{display:flex;gap:10px;justify-content:flex-end}.icon-btn{background:#eff5ff;color:#437fdb;border:1px solid #dfebfa;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:800}.icon-btn.muted{color:#8e9bb0;background:#f8fafc;border-color:#e9edf2}.empty-state{text-align:center;padding:70px 22px 72px}.empty-art{display:grid;place-items:center;width:66px;height:66px;background:#edf4ff;color:#5a92e9;border-radius:20px;margin:0 auto 20px}.empty-state h3{font-size:18px;color:#304560;margin-bottom:8px}.empty-state p{color:#9cabbc;font-size:12px;max-width:380px;margin:0 auto 23px;line-height:1.75}.pill{font-size:10px;font-weight:800;border-radius:20px;padding:6px 10px;display:inline-block;white-space:nowrap}.pill.green{background:#eaf8f1;color:#229e69}.pill.blue{background:#ebf3ff;color:#4d86d9}.pill.amber{background:#fff6e6;color:#b7832c}.pill.red{background:#fff0f0;color:#c35262}.error-state,.page-loader{padding:110px 20px;text-align:center;color:#879cb5}.page-loader .spinner{width:36px;height:36px;border:3px solid #d3e4fa;border-top-color:#4d8cf3;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.error-state h2{font-size:20px;color:#30435e}.error-state p{font-size:13px;margin-bottom:25px}
/* modal */
#dialog{display:none;position:fixed;inset:0;z-index:100}#dialog.open{display:block}.modal-shade{position:absolute;inset:0;background:#0d203bc9;display:flex;align-items:center;justify-content:center;padding:18px;overflow-y:auto}.modal-card{background:#fff;border-radius:18px;max-width:720px;width:100%;max-height:min(91svh,950px);overflow-y:auto;position:relative;box-shadow:0 30px 120px #10274280;padding:clamp(20px,3vw,35px)}.modal-close{position:absolute;top:16px;right:18px;background:#eff3fa;color:#7290b3;border:0;border-radius:9px;width:33px;height:33px;font-size:22px}.modal-header{padding-right:25px;margin-bottom:24px}.modal-header h2{color:#213854;margin:9px 0;font-size:25px}.modal-header p{color:#8c9bb1;font-size:12px;line-height:1.6;margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-field:has(textarea){grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:11px;align-items:center;margin-top:28px;padding-top:20px;border-top:1px solid #e9edf4}.activity-choices{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.activity-choices>strong{grid-column:1/-1;font-size:12px}.activity-choices label{font-size:12px;color:#667790;display:flex;gap:9px;align-items:center}.activity-choices input{accent-color:#4d8ef5}.secret-box{display:flex;align-items:center;gap:12px;justify-content:space-between;background:#f3f7fe;border-radius:10px;padding:15px;word-break:break-all}.secret-box code{font-size:13px;color:#274e8d}.toast{position:fixed;right:25px;bottom:25px;background:#1f3757;color:#fff;border-radius:12px;padding:16px 21px;box-shadow:0 12px 38px #15274355;font-weight:700;font-size:12px;opacity:0;transform:translateY(20px);pointer-events:none;transition:all .2s;z-index:200;max-width:min(410px,90vw)}.toast.visible{opacity:1;transform:translateY(0)}.toast.err{background:#a92e4e}.sale-lines{margin:15px 0;background:#f8faff;border:1px solid #edf1f8;border-radius:9px;padding:8px 13px}.cart-line{display:flex;align-items:center;gap:14px;padding:11px;border-bottom:1px solid #e9edf5}.cart-line:last-child{border:0}.cart-line>span{flex:1;font-size:12px;font-weight:800}.cart-line small{display:block;font-size:10px;color:#91a1b6;margin-top:3px}.cart-line strong{font-size:12px;color:#315c93}.cart-line button{border:0;background:none;font-size:21px;color:#ad6b7a}.cart-empty{font-size:12px;color:#a1aebf;text-align:center}.sale-total{display:flex;justify-content:space-between;align-items:center;background:#f4f8ff;padding:18px;border-radius:10px;margin-top:18px}.sale-total span{font-size:12px;color:#7892b6}.sale-total strong{font:800 24px Manrope;color:#1d4a8c}.password-page{min-height:100svh;display:grid;place-items:center;padding:22px;background:linear-gradient(145deg,#f7fbff,#e7f1ff)}.password-card{background:white;padding:40px;max-width:460px;width:100%;border-radius:20px;box-shadow:var(--shadow)}.password-card .mini-brand{display:flex;gap:10px;align-items:center;margin-bottom:40px}.password-card .brand-word{color:#233c5a}.password-card .brand-word span{color:#4e8eff}.password-card h1{font-size:28px;color:#1c3656}.password-card p{font-size:12px;line-height:1.8;color:#8093aa}.password-card form{display:grid;gap:18px}.text-btn{border:none;background:none;font-size:12px;color:#567fb7;padding:15px}
/* responsive */
@media(max-width:1320px){.dashboard-grid{grid-template-columns:1fr}.feature-ill{min-width:27%}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:236px;min-width:236px}.work-area{padding:28px}}@media(max-width:930px){.auth-layout{grid-template-columns:45% 55%}.auth-left{padding:32px}.auth-hero h1{font-size:40px}.auth-benefits{gap:12px}.auth-bottom{font-size:8px}.topbar-status{display:none}.topbar{padding:0 20px}.sidebar{position:fixed;left:0;top:0;transform:translateX(-105%);transition:transform .2s}.menu-open .sidebar{transform:translateX(0)}.mobile-overlay{display:none;position:fixed;inset:0;background:#14274388;z-index:40}.menu-open .mobile-overlay{display:block}.topbar #toggle-menu{display:inline-flex}.work-area{padding:27px 20px 40px}}@media(max-width:680px){.auth-layout{display:block;min-height:100svh}.auth-left{display:none}.auth-right{min-height:100svh;align-items:flex-start;padding:36px 24px}.auth-mobile-brand{display:flex;align-items:center;gap:10px;color:#1c3456;margin-bottom:65px}.auth-mobile-brand .brand-word>span{color:#4f91fd}.auth-card{padding:0}.auth-card h2{font-size:30px}.auth-card .auth-subtitle{margin-bottom:30px}.topbar{height:69px;padding:0 15px}.profile-chip div{display:none}.header-line{display:none}.topbar-right{gap:5px}.breadcrumb{font-size:10px}.page-heading{align-items:flex-start;flex-direction:column;gap:16px}.page-heading .primary{align-self:stretch}.metrics,.metrics.two,.metric-strip{grid-template-columns:1fr 1fr;gap:10px}.metric{min-height:133px;padding:16px}.metric strong{font-size:25px}.metric-top{font-size:10px}.metric-icon{width:29px;height:29px}.metric small{font-size:9px}.feature-card{flex-direction:column}.feature-ill{min-height:135px;width:100%}.feature-text{padding:22px}.dashboard-grid{gap:14px}.step{padding:13px 0}.work-area{padding:26px 15px 38px}.work-footer span:last-child{display:none}.table-head{flex-direction:column;align-items:stretch;padding:19px}.table-search input{width:100%}.form-grid{grid-template-columns:1fr}.modal-card{padding:22px 17px}.modal-actions{flex-wrap:wrap}.auth-support{font-size:10px}.activity-choices{grid-template-columns:1fr}.info-line{align-items:flex-start}}@media(max-width:390px){.metrics,.metrics.two{grid-template-columns:1fr}.auth-right{padding:28px 17px}.auth-mobile-brand{margin-bottom:52px}.auth-card h2{font-size:27px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}