@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');
:root{--bg:#090a0d;--panel:#101216;--panel2:#14171c;--panel3:#191d23;--line:#242831;--line2:#303641;--text:#f2f3f5;--muted:#8d95a3;--muted2:#626b78;--accent:#10B981;--accent2:#0D9488;--green:#8de0b0;--red:#ff8585;--yellow:#f2cc75;--blue:#8fb9ff;--radius:17px;--shadow:0 20px 60px #0005}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Vazirmatn',Tahoma,sans-serif;font-size:13px;line-height:1.8}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hidden{display:none!important}.muted{color:var(--muted)}.app-shell{min-height:100vh}.sidebar{width:252px;position:fixed;inset:0 0 0 auto;background:#0d0f12;border-left:1px solid var(--line);padding:25px 16px 14px;display:flex;flex-direction:column;z-index:5}.brand-lockup{display:flex;align-items:center;gap:11px;padding:0 8px 28px}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--accent);color:#12160a;font-size:23px;font-weight:900;box-shadow:0 5px 22px #10B98118}.brand-name{font-size:19px;font-weight:800;line-height:1.3;letter-spacing:-.6px}.brand-sub{font-size:9px;color:#7d8591;letter-spacing:1.2px;direction:ltr;text-align:right}.workspace-label,.nav-section{font-size:10px;color:#626a76;padding:0 13px 9px;letter-spacing:.3px}.nav-section{padding-top:20px}.nav-item{border:0;background:transparent;color:#9da4af;width:100%;height:43px;border-radius:10px;display:flex;align-items:center;gap:12px;text-align:right;padding:0 13px;position:relative;transition:.18s}.nav-item:hover{background:#171a20;color:#f3f4f6}.nav-item.active{background:#10B98112;color:var(--accent);font-weight:700}.nav-item.active:before{content:'';position:absolute;right:-16px;width:3px;height:24px;background:var(--accent);border-radius:4px}.nav-icon{width:20px;text-align:center;font-size:19px;line-height:1;color:inherit}.sidebar-bottom{margin-top:auto}.side-tip{display:flex;gap:10px;align-items:flex-start;padding:14px 12px;border:1px solid #252a31;border-radius:13px;background:linear-gradient(140deg,#171b20,#111317);margin-bottom:17px}.tip-icon{width:28px;height:28px;border-radius:9px;background:#10B98117;color:var(--accent);display:grid;place-items:center}.side-tip strong{font-size:11px}.side-tip p{margin:1px 0 0;font-size:10px;color:var(--muted)}.sidebar-user{border-top:1px solid var(--line);padding:16px 5px 2px;display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#292e35;color:var(--accent);font-weight:800}.user-info{display:flex;flex:1;min-width:0;flex-direction:column}.user-info strong{font-size:11px}.user-info span{font-size:9px;color:var(--muted);direction:ltr;overflow:hidden;text-overflow:ellipsis}.icon-btn{border:1px solid var(--line);background:#15181d;color:#aab1bc;border-radius:9px;width:35px;height:35px;display:grid;place-items:center}.icon-btn:hover{color:var(--accent);border-color:#3c487c}.main-area{margin-right:252px;min-height:100vh;padding:0 34px;display:flex;flex-direction:column}.topbar{height:105px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar-title{display:flex;align-items:center;gap:10px}.eyebrow{font-size:9px;letter-spacing:1.4px;color:#77808d;direction:ltr;text-align:right}.topbar h1{font-size:22px;line-height:1.45;margin:2px 0 0;font-weight:700;letter-spacing:-.5px}.topbar-actions{display:flex;align-items:center;gap:12px}.today-pill{height:35px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:0 12px;color:#a0a7b1;font-size:11px}.live-dot,.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #10B98175}.btn{height:39px;border:1px solid var(--line2);background:#191c21;color:#d9dce1;border-radius:10px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:.18s}.btn:hover{transform:translateY(-1px);border-color:#6572c9}.btn-primary{background:var(--accent);color:#171b0d;border-color:var(--accent);font-weight:800}.btn-primary:hover{background:#aab3ff}.btn-small{height:31px;padding:0 10px;font-size:11px}.btn-danger{color:var(--red);border-color:#4b292d;background:#211619}.full{width:100%}.page-content{padding:28px 0 32px;flex:1;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px}.page-heading h2{font-size:17px;margin:0;font-weight:700}.page-heading p{color:var(--muted);font-size:11px;margin:4px 0 0}.filter-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.input,.select,.textarea{background:#0c0e11;border:1px solid #2b3038;color:var(--text);border-radius:9px;padding:9px 11px;min-width:0;width:100%;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#7a88f5}.input::placeholder,.textarea::placeholder{color:#626b78}.filter-input{width:230px;height:36px}.select{appearance:auto}.textarea{min-height:84px;resize:vertical}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.stat-card{background:linear-gradient(145deg,#15181d,#101216);border:1px solid var(--line);border-radius:15px;padding:17px 17px 15px;min-height:139px;position:relative;overflow:hidden}.stat-card:after{content:'';position:absolute;width:95px;height:95px;border-radius:50%;left:-40px;top:-42px;background:var(--glow,#10B981);opacity:.035;filter:blur(4px)}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#a3aab4;font-size:11px}.stat-icon{height:31px;width:31px;border-radius:10px;background:#10B98112;color:var(--accent);display:grid;place-items:center;font-size:17px}.stat-value{font-size:25px;font-weight:700;letter-spacing:-.5px;direction:ltr;text-align:right;margin:10px 0 3px;line-height:1.35}.stat-foot{font-size:10px;color:#717a86}.stat-foot.good{color:var(--green)}.stat-foot.warn{color:var(--yellow)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.8fr);gap:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;min-width:0;overflow:hidden}.panel-head{padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #20242b}.panel-head h3{margin:0;font-size:13px;font-weight:700}.panel-head p{margin:2px 0 0;color:var(--muted);font-size:10px}.panel-body{padding:17px 18px}.chart-area{height:195px;display:flex;align-items:flex-end;gap:13px;padding:10px 5px 24px;border-bottom:1px solid #292e36;position:relative}.chart-area:before,.chart-area:after{content:'';position:absolute;inset:25% 0 auto;border-top:1px dashed #252a31}.chart-area:after{inset:57% 0 auto}.chart-col{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:8px}.chart-bars{height:calc(100% - 18px);display:flex;align-items:flex-end;gap:4px;width:100%;justify-content:center}.bar{width:35%;max-width:17px;border-radius:5px 5px 2px 2px;background:#353d49;min-height:3px}.bar.accent{background:var(--accent);box-shadow:0 0 14px #10B98110}.chart-label{font-size:9px;color:#727b87;position:absolute;bottom:-22px}.legend{display:flex;gap:14px;color:#8b94a0;font-size:10px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:7px;height:7px;border-radius:2px;background:#353d49}.legend i.accent{background:var(--accent)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-tile{border:1px solid #292e36;border-radius:12px;background:#13161b;padding:13px;text-align:right;color:var(--text);min-height:92px;transition:.18s}.quick-tile:hover{border-color:#6572c9;background:#171c17}.quick-tile .tile-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#10B98113;color:var(--accent);font-size:17px;margin-bottom:8px}.quick-tile strong{display:block;font-size:11px}.quick-tile small{color:var(--muted);font-size:9px}.table-wrap{overflow:auto;width:100%}table{width:100%;border-collapse:collapse;white-space:nowrap}th{font-size:10px;color:#737d89;font-weight:500;background:#12151a;text-align:right;padding:12px 16px;border-bottom:1px solid #252a31}td{padding:12px 16px;border-bottom:1px solid #20242a;font-size:11px;color:#c5cad1}tbody tr:hover{background:#171a20}tbody tr:last-child td{border-bottom:0}.product-name{display:flex;align-items:center;gap:10px}.product-thumb{width:32px;height:32px;border-radius:9px;background:#20252c;color:var(--accent);display:grid;place-items:center;font-size:15px}.product-name strong{display:block;font-size:11px;color:#e4e7eb;font-weight:600}.product-name small{display:block;color:#78818d;font-size:9px;direction:ltr;text-align:right}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;font-size:9px;background:#20252c;color:#abb3bf}.badge.green{background:#163025;color:#8de0b0}.badge.red{background:#351e22;color:#ff9292}.badge.yellow{background:#332c1d;color:#f2cc75}.badge.blue{background:#1c293d;color:#9abfff}.money{direction:ltr;text-align:right;font-variant-numeric:tabular-nums}.empty-state,.loading-state{padding:50px 20px;text-align:center;color:#78818d}.empty-state .empty-icon{font-size:30px;color:#4d5663;margin-bottom:8px}.empty-state strong{display:block;color:#bfc5cd}.empty-state p{margin:4px 0 14px;font-size:11px}.data-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 15px;border-bottom:1px solid var(--line)}.data-toolbar .muted{font-size:10px}.modal-backdrop{position:fixed;inset:0;background:#000a;backdrop-filter:blur(5px);z-index:20;display:grid;place-items:center;padding:18px}.modal{width:min(720px,100%);max-height:90vh;overflow:auto;background:#111419;border:1px solid #303641;border-radius:18px;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:15px;margin:0}.modal-body{padding:20px 22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .wide{grid-column:1/-1}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:10px;color:#aab1bc}.form-actions{display:flex;justify-content:flex-start;gap:9px;padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}.form-error{color:var(--red);font-size:11px;min-height:18px}.toast-root{position:fixed;left:22px;bottom:22px;z-index:50;display:grid;gap:8px}.toast{background:#1b2025;border:1px solid #39414a;border-radius:10px;padding:11px 15px;min-width:220px;box-shadow:var(--shadow);animation:toast-in .2s ease}.toast.error{border-color:#754047}.toast.success{border-color:#48683e}.app-footer{border-top:1px solid #20242b;padding:16px 0 18px;display:flex;justify-content:space-between;gap:12px;color:#555e6a;font-size:9px}.footer-dot{color:var(--accent);font-size:7px;padding:0 4px}.login-wrap{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#171c32 0,#0b0d0f 40%,#08090b 75%);padding:24px}.login-card{width:min(405px,100%);padding:35px;background:#111419ed;border:1px solid #2b3036;border-radius:20px;box-shadow:0 30px 100px #0008;position:relative;z-index:2}.login-card .brand-lockup{padding:0 0 28px}.login-card h1{font-size:20px;margin:0 0 3px}.login-card>p{margin:0 0 23px;font-size:11px}.login-card form{display:grid;gap:15px}.login-card label{display:grid;gap:7px;color:#b5bbc4;font-size:11px}.login-card input{height:43px;background:#0a0c0f;border:1px solid #2d333b;border-radius:10px;color:white;padding:0 12px;direction:ltr;text-align:left}.login-foot{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;color:#66707d;font-size:10px}.login-orbit{position:absolute;border:1px solid #10B9810b;border-radius:50%;width:600px;height:600px}.orbit-one{top:-330px;left:-170px}.orbit-two{bottom:-440px;right:-100px;width:800px;height:800px}.mobile-only{display:none}
@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){.main-area{padding:0 24px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.sidebar{width:230px}.main-area{margin-right:230px}}
@media(max-width:760px){.sidebar{transform:translateX(100%);transition:transform .22s;width:270px;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.main-area{margin-right:0;padding:0 15px}.topbar{height:85px}.topbar h1{font-size:18px}.eyebrow{font-size:8px}.mobile-only{display:grid}.today-pill{display:none}.topbar-actions .btn{height:36px;padding:0 10px;font-size:11px}.page-content{padding-top:20px}.stats-grid{gap:9px}.stat-card{padding:13px;min-height:124px}.stat-value{font-size:20px}.stat-top{font-size:10px}.stat-icon{width:27px;height:27px}.page-heading{align-items:flex-start;flex-direction:column}.filter-input{width:100%}.filter-row{width:100%}.filter-row .input{flex:1}.app-footer{flex-direction:column;gap:2px}.login-card{padding:27px 22px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.modal-body{padding:16px}.modal-head{padding:15px 16px}.dashboard-grid{gap:12px}.quick-grid{gap:8px}}


/* Theme controls */
.theme-toggle{font-size:17px;line-height:1;flex:0 0 auto}
.login-theme-toggle{position:absolute;top:17px;left:17px;z-index:3}
.login-card{position:relative}

/* Accessible, persistent light theme */
html[data-theme="light"]{
 color-scheme:light;
 --bg:#f3f5fa;--panel:#ffffff;--panel2:#f8f9fc;--panel3:#eef1f8;
 --line:#e1e5ee;--line2:#cfd5e2;--text:#202538;--muted:#687187;--muted2:#8a92a5;
 --accent:#5867d8;--accent2:#4856c4;--green:#17825c;--red:#c24150;--yellow:#9a6a13;--blue:#356bc1;
 --radius:17px;--shadow:0 18px 48px #26324d14;
}
html[data-theme="light"] body{background:var(--bg);color:var(--text)}
html[data-theme="light"] .sidebar{background:#fff;border-color:var(--line)}
html[data-theme="light"] .brand-sub{color:#7b8497}
html[data-theme="light"] .workspace-label,html[data-theme="light"] .nav-section{color:#858da0}
html[data-theme="light"] .nav-item{color:#626b80}
html[data-theme="light"] .nav-item:hover{background:#f1f3fa;color:#252b41}
html[data-theme="light"] .nav-item.active{background:#5867d817;color:var(--accent)}
html[data-theme="light"] .side-tip{border-color:var(--line);background:linear-gradient(140deg,#fff,#f6f7fb)}
html[data-theme="light"] .avatar{background:#e9ecf8;color:var(--accent)}
html[data-theme="light"] .icon-btn{background:#f7f8fc;color:#596277;border-color:var(--line)}
html[data-theme="light"] .icon-btn:hover{color:var(--accent);border-color:var(--accent)}
html[data-theme="light"] .eyebrow{color:#747e94}
html[data-theme="light"] .today-pill{color:#606a80}
html[data-theme="light"] .btn{background:#fff;color:var(--text);border-color:var(--line2)}
html[data-theme="light"] .btn:hover{border-color:var(--accent)}
html[data-theme="light"] .btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}
html[data-theme="light"] .btn-primary:hover{background:var(--accent2)}
html[data-theme="light"] .input,html[data-theme="light"] .select,html[data-theme="light"] .textarea{background:#fff;border-color:#d6dbe7;color:var(--text)}
html[data-theme="light"] .input::placeholder,html[data-theme="light"] .textarea::placeholder{color:#939bae}
html[data-theme="light"] .input:focus,html[data-theme="light"] .select:focus,html[data-theme="light"] .textarea:focus{border-color:var(--accent)}
html[data-theme="light"] .stat-card{background:linear-gradient(145deg,#fff,#f8f9fd);border-color:var(--line)}
html[data-theme="light"] .stat-top{color:#687187}
html[data-theme="light"] .stat-icon{background:#5867d815;color:var(--accent)}
html[data-theme="light"] .stat-foot{color:#7a8396}
html[data-theme="light"] .panel{background:var(--panel);border-color:var(--line)}
html[data-theme="light"] .panel-head{border-bottom-color:var(--line)}
html[data-theme="light"] .chart-area{border-bottom-color:#e1e5ee}
html[data-theme="light"] .chart-area:before,html[data-theme="light"] .chart-area:after{border-top-color:#e4e7ef}
html[data-theme="light"] .bar{background:#d9deeb}
html[data-theme="light"] .bar.accent{background:var(--accent);box-shadow:0 0 14px #5867d811}
html[data-theme="light"] .legend{color:#727c91}
html[data-theme="light"] .legend i{background:#d9deeb}
html[data-theme="light"] .legend i.accent{background:var(--accent)}
html[data-theme="light"] .quick-tile{background:#fff;border-color:var(--line);color:var(--text)}
html[data-theme="light"] .quick-tile:hover{border-color:var(--accent);background:#f5f6ff}
html[data-theme="light"] .quick-tile .tile-icon{background:#5867d814;color:var(--accent)}
html[data-theme="light"] th{background:#f4f6fb;color:#747e92;border-bottom-color:var(--line)}
html[data-theme="light"] td{color:#4b5368;border-bottom-color:#edf0f5}
html[data-theme="light"] tbody tr:hover{background:#f6f7fc}
html[data-theme="light"] .product-name strong{color:#252b40}
html[data-theme="light"] .product-name small{color:#7b8498}
html[data-theme="light"] .product-thumb{background:#edf0f9;color:var(--accent)}
html[data-theme="light"] .badge{background:#eef1f8;color:#626b80}
html[data-theme="light"] .badge.green{background:#e1f4eb;color:#14714e}
html[data-theme="light"] .badge.red{background:#fdebed;color:#b73444}
html[data-theme="light"] .badge.yellow{background:#fbf1d9;color:#946410}
html[data-theme="light"] .badge.blue{background:#e8efff;color:#315fb1}
html[data-theme="light"] .empty-state,html[data-theme="light"] .loading-state{color:#778197}
html[data-theme="light"] .empty-state strong{color:#343b50}
html[data-theme="light"] .data-toolbar{border-bottom-color:var(--line)}
html[data-theme="light"] .modal{background:#fff;border-color:var(--line);box-shadow:0 24px 70px #18213b24}
html[data-theme="light"] .modal-head{border-bottom-color:var(--line)}
html[data-theme="light"] .form-actions{border-top-color:var(--line)}
html[data-theme="light"] .form-field label{color:#657087}
html[data-theme="light"] .toast{background:#fff;border-color:#dce1eb;color:var(--text)}
html[data-theme="light"] .toast.success{border-color:#9bd8bd}
html[data-theme="light"] .toast.error{border-color:#edb0b6}
html[data-theme="light"] .app-footer{border-top-color:var(--line);color:#80899d}
html[data-theme="light"] .login-wrap{background:radial-gradient(ellipse at 50% 45%,#e6eaff 0,#f6f7fb 45%,#f2f4f9 78%)}
html[data-theme="light"] .login-card{background:#ffffffed;border-color:#e0e4ee;box-shadow:0 30px 90px #27335418}
html[data-theme="light"] .login-card label{color:#59637a}
html[data-theme="light"] .login-card input{background:#fff;border-color:#d8deeb;color:#222940}
html[data-theme="light"] .login-foot{color:#7a8498}
html[data-theme="light"] .login-orbit{border-color:#5867d81a}
html[data-theme="light"] .toast-root{color:var(--text)}
@media(max-width:760px){
 html[data-theme="light"] .sidebar{box-shadow:0 12px 40px #24314d20}
 html[data-theme="light"] .topbar{border-bottom-color:var(--line)}
}

/* Mobile navigation: dismissible backdrop */
.mobile-menu-backdrop{display:none}
@media(max-width:760px){
 .mobile-menu-backdrop{position:fixed;inset:0;z-index:4;border:0;border-radius:0;padding:0;background:rgba(4,7,14,.58);backdrop-filter:blur(2px);display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}
 body.mobile-menu-open .mobile-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto}
 body.mobile-menu-open{overflow:hidden}
 body.mobile-menu-open .sidebar{z-index:5}
}

.money-input{direction:ltr;text-align:right;font-variant-numeric:tabular-nums;letter-spacing:.1px}
.global-search-panel{margin:0 0 18px}
.global-search-input{min-height:46px;font-size:13px}
.global-search-results{display:grid;gap:10px;margin-top:13px}
.global-result-group{display:grid;gap:8px}
.global-result-group>strong{font-size:11px;color:var(--muted)}
.global-search-result{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}
.global-result-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.global-result-main strong{font-size:12px;overflow-wrap:anywhere}
.global-result-main small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.contact-actions{flex-wrap:nowrap}
@media(max-width:760px){
 .global-search-result{align-items:flex-start;flex-direction:column}
 .global-result-main{width:100%}
 .contact-actions{flex-direction:column;align-items:stretch}
 .contact-actions .btn{width:100%}
}

/* Modern emoji navigation and action icons */
.nav-icon,.tile-icon,.tip-icon{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-variant-emoji:emoji}
.nav-icon{font-size:19px;display:inline-flex;align-items:center;justify-content:center}
.tile-icon{font-size:20px;display:inline-flex;align-items:center;justify-content:center}
.tip-icon{font-size:17px}


/* Mobile page scrolling: keep the document taller than the viewport when dashboard content grows */
html,body{min-height:100%;height:auto}
body{overflow-x:hidden;overflow-y:auto}
.app-shell{min-height:100vh;min-height:100dvh;height:auto}
.main-area{min-height:100vh;min-height:100dvh;height:auto;overflow:visible}
.page-content{min-height:0;overflow:visible}
@media(max-width:760px){
 html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto!important}
 body.mobile-menu-open{overflow-y:auto!important}
 .app-shell,.main-area{height:auto;min-height:100vh;min-height:100dvh;overflow:visible}
 .page-content{padding-bottom:36px;overflow:visible}
 .app-footer{padding-bottom:calc(18px + env(safe-area-inset-bottom))}
}


/* FIX: mobile drawer must remain opaque and cover the full visible screen */
@media (max-width:760px){
  .sidebar{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:min(82vw,320px)!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100vh!important;
    max-height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    background-color:var(--bg)!important;
    opacity:1!important;
    isolation:isolate;
    z-index:30!important;
    padding-bottom:calc(18px + env(safe-area-inset-bottom))!important;
  }
  html[data-theme="light"] .sidebar{background-color:#fff!important}
  html[data-theme="dark"] .sidebar{background-color:#0d0f12!important}
  .sidebar.open{transform:translateX(0)!important}
  .mobile-menu-backdrop{z-index:29!important}
  .main-area{position:relative;z-index:0}
  body.mobile-menu-open{overflow:hidden!important}
  body.mobile-menu-open .mobile-menu-backdrop{position:fixed!important;inset:0!important}
  .sidebar-bottom{flex:0 0 auto;margin-top:24px}
  .sidebar-user{flex:0 0 auto;margin-bottom:0}
}

/* Kashiko brand system: geometric K mark and teal identity */
.brand-mark{background:linear-gradient(145deg,#102a30,#07131a);border:1px solid #0d948855;color:#fff;overflow:hidden;box-shadow:0 5px 22px #10b98120}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.brand-lockup .brand-mark img{padding:0}

/* Public showroom details and developer credit */
.login-showcase{display:flex;align-items:stretch;justify-content:center;gap:24px;width:min(1050px,100%);position:relative;z-index:2}
.login-showcase .login-card{flex:0 1 405px;width:405px;align-self:center}
.showroom-card{flex:1 1 430px;min-width:0;max-width:570px;padding:30px;border:1px solid #3b3420;border-radius:20px;background:linear-gradient(145deg,#171714f5,#0f1114f5);box-shadow:0 30px 90px #0007;position:relative;overflow:hidden}
.showroom-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#b88619,#f5d66b,#b88619)}
.showroom-kicker{font-size:10px;letter-spacing:1.4px;color:#d6b653;direction:ltr;text-align:right}
.showroom-card h2{font-size:clamp(21px,2.5vw,30px);line-height:1.7;margin:7px 0 0;font-weight:800}
.showroom-card h2 span{display:block;color:#f0cb59;font-size:1.23em}
.showroom-lead{margin:4px 0 22px;color:#b7bdc5;font-size:12px}
.showroom-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.showroom-benefit{display:flex;align-items:center;gap:10px;min-width:0;padding:11px;border:1px solid #2d3035;border-radius:12px;background:#ffffff04}
.benefit-icon{flex:0 0 31px;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:#f4d15f;background:#d4a72b16;border:1px solid #d4a72b35;font-size:17px;font-weight:800}
.showroom-benefit strong,.showroom-benefit small{display:block}
.showroom-benefit strong{font-size:11px;color:#f0f1f3}
.showroom-benefit small{font-size:9px;color:#9ba2ad;line-height:1.7}
.showroom-contact{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;padding:15px;border-radius:13px;background:linear-gradient(120deg,#d2a52a18,#d2a52a06);border:1px solid #d2a52a38}
.contact-label{grid-column:1/-1;color:#d9bd62;font-size:10px}
.showroom-contact a{font-size:clamp(13px,1.6vw,18px);font-weight:800;color:#fff;text-decoration:none;letter-spacing:.2px;white-space:nowrap}
.showroom-contact a:hover{color:#f0cb59}
.showroom-address{display:flex;align-items:flex-start;gap:12px;margin-top:13px;padding:13px 2px 0;border-top:1px solid #292c31}
.showroom-address>span{font-size:25px;color:#f0cb59;line-height:1.2}
.showroom-address strong,.showroom-address small{display:block}
.showroom-address strong{font-size:12px}
.showroom-address small{font-size:10px;color:#a3aab4;margin-top:3px}
.made-with-love{color:#7c8490}.made-with-love a{color:var(--accent);text-decoration:none;font-weight:700}.made-with-love a:hover{text-decoration:underline}
@media(max-width:900px){.login-showcase{flex-direction:column;align-items:center;max-width:570px}.login-showcase .login-card,.showroom-card{width:100%;max-width:570px;flex:auto}.login-showcase .login-card{order:0}.showroom-card{order:1}}
@media(max-width:520px){.login-wrap{padding:18px 12px;display:block}.login-showcase{gap:14px;margin:10px auto 28px}.login-showcase .login-card{padding:25px 20px}.showroom-card{padding:22px 17px}.showroom-benefits{gap:7px}.showroom-benefit{padding:9px 7px;gap:7px}.benefit-icon{flex-basis:27px;width:27px;height:27px}.showroom-benefit strong{font-size:10px}.showroom-benefit small{font-size:8px}.showroom-contact{padding:12px 9px;gap:6px}.showroom-contact a{font-size:13px}.showroom-address small{font-size:9px}.app-footer{padding-bottom:20px}}


/* Responsive login/showroom layout repair */
.login-wrap{width:100%;min-width:0}
.login-showcase{width:min(1050px,100%);min-width:0;margin-inline:auto}
.login-card,.showroom-card{min-width:0}
@media(max-width:900px){
  .login-wrap{display:block;min-height:100vh;min-height:100dvh;padding:22px 16px 30px;overflow-x:clip}
  .login-showcase{display:flex;flex-direction:column;align-items:stretch;gap:16px;width:100%;max-width:560px;margin:0 auto 24px}
  .login-showcase .login-card{width:100%;max-width:none;flex:none;padding:clamp(20px,5vw,30px)}
  .showroom-card{width:100%;max-width:none;flex:none;padding:clamp(18px,4.5vw,28px)}
  .login-orbit{pointer-events:none}
}
@media(max-width:600px){
  body{font-size:13px}
  .login-wrap{padding:14px 12px calc(24px + env(safe-area-inset-bottom))}
  .login-showcase{gap:12px;margin-bottom:14px}
  .login-card .brand-lockup{padding-bottom:20px}
  .login-card h1{font-size:19px}
  .showroom-card h2{font-size:clamp(20px,6vw,27px);line-height:1.55}
  .showroom-lead{margin-bottom:16px;font-size:11px}
  .showroom-benefits{grid-template-columns:minmax(0,1fr);gap:8px}
  .showroom-benefit{padding:10px 12px;gap:10px}
  .showroom-benefit strong{font-size:12px}
  .showroom-benefit small{font-size:10px}
  .showroom-contact{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:15px;padding:12px}
  .contact-label{grid-column:auto}
  .showroom-contact a{font-size:16px;width:max-content;max-width:100%}
  .showroom-address strong{font-size:12px}
  .showroom-address small{font-size:10px;line-height:1.8;overflow-wrap:anywhere}
  .made-with-love{overflow-wrap:anywhere}
}
@media(max-width:360px){
  .login-wrap{padding-inline:9px}
  .login-card,.showroom-card{border-radius:15px}
  .login-card{padding:19px 15px!important}
  .showroom-card{padding:17px 13px!important}
  .showroom-benefit{padding:9px}
  .showroom-contact a{font-size:14px}
}


/* Final responsive and accessibility hardening */
.btn:hover{border-color:#0d9488}
.btn-primary:hover{background:#0d9488;border-color:#0d9488;color:#fff}
.quick-tile:hover{border-color:#0d9488}
.input:focus,.select:focus,.textarea:focus{border-color:var(--accent)}
@media(max-width:760px){
  .topbar{min-width:0;gap:8px}
  .topbar-title{min-width:0;flex:1;gap:7px}
  .topbar-title>div{min-width:0}
  .topbar h1{overflow-wrap:anywhere}
  .topbar-actions{flex:0 0 auto;gap:7px}
  .topbar-actions .btn{max-width:112px;overflow:hidden;text-overflow:ellipsis}
  .page-content,.panel,.panel-body,.panel-head{min-width:0}
  .dashboard-grid>*{min-width:0}
  .chart-area{gap:7px}
  .panel-head{padding:13px}
  .panel-body{padding:13px}
  .data-toolbar{align-items:flex-start;flex-wrap:wrap}
  .form-actions{flex-wrap:wrap}
  .form-actions .btn{flex:1 1 auto}
  .modal-backdrop{padding:10px}
  .modal{max-height:calc(100dvh - 20px);border-radius:14px}
}
@media(max-width:420px){
  .main-area{padding-inline:10px}
  .topbar{height:76px}
  .topbar h1{font-size:16px}
  .eyebrow{letter-spacing:.5px;font-size:7px}
  .topbar-actions{gap:5px}
  .topbar-actions .icon-btn{width:32px;height:32px}
  .topbar-actions .btn{padding-inline:8px;font-size:10px;max-width:90px}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .stat-card{padding:10px;min-height:112px}
  .stat-value{font-size:17px;overflow-wrap:anywhere}
  .stat-top{gap:5px;font-size:9px}
  .stat-foot{font-size:9px}
  .quick-tile{padding:10px;min-height:84px}
  .chart-label{font-size:8px}
  .legend{flex-wrap:wrap;gap:8px}
  .showroom-contact a{font-size:clamp(13px,4vw,16px)}
  .app-footer{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* Light theme: restore readable contrast in the public showroom card */
html[data-theme="light"] .showroom-card{
  color:#202538;
  background:linear-gradient(145deg,#ffffff,#f7f8fc);
  border-color:#e0d7b8;
  box-shadow:0 24px 70px #26324d18;
}
html[data-theme="light"] .showroom-kicker{color:#85630c}
html[data-theme="light"] .showroom-card h2{color:#202538}
html[data-theme="light"] .showroom-card h2 span{color:#8a6508}
html[data-theme="light"] .showroom-lead{color:#596277}
html[data-theme="light"] .showroom-benefit{background:#fff;border-color:#e1e5ee}
html[data-theme="light"] .showroom-benefit strong{color:#252b40}
html[data-theme="light"] .showroom-benefit small{color:#626b80}
html[data-theme="light"] .benefit-icon{color:#80600b;background:#f8f0d9;border-color:#e8d7a5}
html[data-theme="light"] .showroom-contact{background:linear-gradient(120deg,#f8f0d9,#fffaf0);border-color:#e7d5a0}
html[data-theme="light"] .contact-label{color:#795a08}
html[data-theme="light"] .showroom-contact a{color:#202538}
html[data-theme="light"] .showroom-contact a:hover{color:#8a6508}
html[data-theme="light"] .showroom-address{border-top-color:#e1e5ee}
html[data-theme="light"] .showroom-address>span{color:#8a6508}
html[data-theme="light"] .showroom-address strong{color:#252b40}
html[data-theme="light"] .showroom-address small{color:#626b80}


/* Typography comfort pass: slightly larger, more readable text across the app */
body{font-size:14px}
.workspace-label,.nav-section{font-size:11px}
.brand-sub{font-size:10px}
.nav-item{font-size:14px}
.side-tip strong{font-size:12px}
.side-tip p{font-size:11px}
.user-info strong{font-size:12px}
.user-info span{font-size:10px}
.eyebrow{font-size:10px}
.today-pill{font-size:12px}
.page-heading h2{font-size:18px}
.page-heading p{font-size:12px}
.stat-top{font-size:12px}
.stat-foot{font-size:11px}
.panel-head h3{font-size:14px}
.panel-head p{font-size:11px}
.legend{font-size:11px}
th{font-size:11px}
td{font-size:12px}
.product-name strong{font-size:12px}
.product-name small{font-size:10px}
.badge{font-size:10px}
.empty-state p{font-size:12px}
.data-toolbar .muted{font-size:11px}
.form-field label{font-size:11px}
.app-footer{font-size:10px}
.login-card>p{font-size:12px}
.login-card label{font-size:12px}
.login-foot{font-size:11px}
.showroom-kicker{font-size:11px}
.showroom-lead{font-size:13px}
.showroom-benefit strong{font-size:12px}
.showroom-benefit small{font-size:10px}
.showroom-address strong{font-size:13px}
.showroom-address small{font-size:11px}
.global-result-group>strong{font-size:12px}
.global-result-main strong{font-size:13px}
.global-result-main small{font-size:11px}
@media(max-width:760px){
  body{font-size:14px}
  .topbar h1{font-size:19px}
  .eyebrow{font-size:9px}
  .stat-top{font-size:11px}
  .app-footer{font-size:10px}
}
@media(max-width:600px){
  body{font-size:14px}
  .showroom-lead{font-size:12px}
  .showroom-benefit strong{font-size:12px}
  .showroom-benefit small{font-size:11px}
  .showroom-address small{font-size:11px}
}