:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#263052;background:#f5f6fa;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}[hidden]{display:none!important}.eyebrow{color:#6d79a3;font-size:11px;font-weight:800;letter-spacing:.15em}.login-view{min-height:100dvh;display:grid;grid-template-columns:minmax(440px,48%) 1fr;background:#fff}.login-card{width:min(420px,calc(100% - 56px));margin:auto;padding:42px 0}.login-brand,.side-brand{display:flex;align-items:center;gap:12px;color:#3f4b7d;font-size:22px;font-weight:800;letter-spacing:-.045em}.login-brand{margin-bottom:92px}.login-brand img{width:54px;height:54px;object-fit:contain;border-radius:9px}.login-brand div{display:grid;gap:2px}.login-brand small{font-size:11px;font-weight:600;letter-spacing:0;color:#99a0af}.login-card h1{font-size:37px;letter-spacing:-.055em;margin:12px 0}.login-card>p{color:#8a91a5;line-height:1.6;font-size:14px;margin-bottom:33px}.login-card form{display:grid}.login-card label{font-size:13px;font-weight:700;margin-bottom:9px}.login-card input{height:48px;border:1px solid #dfe2eb;border-radius:6px;outline:none;padding:0 14px;margin-bottom:21px;background:#fafbfc}.login-card input:focus,.search-field input:focus,.date-filter input:focus{border-color:#4d5b91;box-shadow:0 0 0 3px #4d5b9119}.form-error{color:#aa2d3a;background:#fff0f1;border-radius:5px;padding:9px 11px;font-size:12px;margin:0 0 14px}.primary-button{height:48px;border:0;border-radius:6px;background:#3f4b7d;color:white;font-weight:800;display:flex;justify-content:space-between;align-items:center;padding:0 18px}.primary-button:hover,.filter-button:hover{background:#303b6a}.back-link{display:inline-block;margin-top:26px;color:#677394;font-size:12px;font-weight:700}.login-art{background:#404b7d;padding:27px;display:flex;align-items:stretch}.art-frame{position:relative;border-radius:7px;overflow:hidden;flex:1}.art-frame img{width:100%;height:100%;object-fit:cover}.art-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#28325abc,transparent 60%)}.art-frame>div{position:absolute;bottom:46px;left:45px;z-index:1;color:white;display:grid;gap:8px}.art-frame span{font-size:12px;letter-spacing:.15em;font-weight:800}.art-frame strong{font-size:37px;letter-spacing:-.05em;max-width:330px;line-height:1.1}
.admin-layout{min-height:100dvh;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{background:#3c4779;color:#fff;padding:25px 15px;display:flex;flex-direction:column;min-height:100dvh;position:sticky;top:0;height:100dvh}.side-brand{color:white;font-size:20px;padding:0 10px 28px;border-bottom:1px solid #ffffff2e}.side-brand img{width:38px;height:38px;object-fit:contain;border-radius:5px}.side-label{font-size:10px;color:#aab4d8;letter-spacing:.15em;font-weight:800;margin:30px 13px 14px}.side-nav{display:grid;gap:5px}.nav-button,.store-link,.logout-button{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:0;background:none;color:#cbd2ec;padding:12px 14px;border-radius:6px;font-size:13px;font-weight:700}.nav-button span{font-size:19px;font-weight:400;width:22px;text-align:center}.nav-button:hover,.nav-button.active,.store-link:hover,.logout-button:hover{background:#ffffff1d;color:white}.nav-button.active{box-shadow:inset 3px 0 #f0ec23}.side-bottom{margin-top:auto;border-top:1px solid #ffffff2e;padding-top:17px}.workspace{min-width:0}.top-header{height:103px;background:white;border-bottom:1px solid #e9ebf1;padding:22px 40px;display:flex;justify-content:space-between;align-items:center}.top-kicker{font-size:10px;letter-spacing:.15em;font-weight:800;color:#8a93ac}.top-header h1{font-size:25px;letter-spacing:-.04em;margin:4px 0 0}.user-chip{display:flex;align-items:center;gap:10px}.user-avatar{height:36px;width:36px;background:#f0ed20;color:#34406d;display:grid;place-items:center;border-radius:50%;font-weight:800}.user-chip>span:last-child{display:grid;gap:2px}.user-chip strong{font-size:12px}.user-chip small{font-size:11px;color:#9199ac}.content{padding:34px 40px 70px;max-width:1600px;margin:auto}.welcome{position:relative;background:#e9eaff;border-radius:8px;min-height:170px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;padding:31px 38px;margin-bottom:22px}.welcome h2{font-size:26px;margin:9px 0 5px;letter-spacing:-.04em}.welcome p{font-size:13px;color:#7f89a8;margin:0}.welcome-symbol{font-size:140px;color:#3f4b7d;line-height:1;transform:rotate(-20deg);margin-right:32px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}.stat-card{background:#fff;border:1px solid #eaebf0;border-radius:8px;padding:23px 21px;min-height:138px;display:grid;align-content:start;gap:8px}.stat-card>span{font-size:12px;font-weight:700;color:#7e879e}.stat-card strong{font-size:25px;letter-spacing:-.04em;color:#303c69}.stat-card small{font-size:11px;color:#9aa1af}.section-card{background:#fff;border:1px solid #e9ebf1;border-radius:8px;padding:24px}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.card-heading h3{font-size:18px;margin:7px 0 0;letter-spacing:-.025em}.text-button{background:none;border:0;color:#3f4b7d;font-size:12px;font-weight:800}.section-intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-intro h2{font-size:27px;letter-spacing:-.04em;margin:6px 0}.section-intro p{color:#8a91a4;font-size:13px;margin:0}.count-pill{border:1px solid #dfe2eb;background:#fff;padding:8px 12px;border-radius:30px;color:#4c5680;font-size:12px;font-weight:800}.toolbar{margin-bottom:20px}.search-field{display:flex;align-items:center;gap:8px;width:min(360px,100%);border:1px solid #dfe2eb;border-radius:5px;padding:0 12px;background:#fff}.search-field span{font-size:25px;color:#9198aa}.search-field input{height:40px;border:0;outline:none;width:100%;font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:640px}th{text-align:left;color:#8e96aa;background:#f8f9fb;font-size:11px;letter-spacing:.07em;text-transform:uppercase;padding:13px 14px;font-weight:800;white-space:nowrap}td{padding:15px 14px;border-bottom:1px solid #eef0f4;color:#4b5574;font-size:12px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}td strong{font-size:12px;color:#2e385f}.status{display:inline-block;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:800}.status.yes{background:#e8f6ed;color:#247944}.status.no{background:#f0f1f4;color:#8990a0}.empty-row{text-align:center;color:#8c94a8;padding:34px}.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:17px;border-top:1px solid #eef0f4;color:#8b92a4;font-size:12px}.page-buttons{display:flex;gap:5px}.page-buttons button{height:30px;min-width:30px;border:1px solid #dfe2eb;border-radius:4px;background:white;color:#46517c;font-weight:700;font-size:12px}.page-buttons button.active{background:#3f4b7d;color:white}.page-buttons button:disabled{opacity:.4;cursor:not-allowed}.date-filter{display:flex;gap:11px;align-items:end;flex-wrap:wrap;margin-bottom:24px}.date-filter label{display:grid;gap:6px;color:#6f7891;font-size:11px;font-weight:700}.date-filter input{height:37px;border:1px solid #dfe2eb;border-radius:4px;padding:0 9px;color:#3d486e;background:#fff}.filter-button,.reset-button{height:37px;padding:0 15px;border-radius:4px;font-size:12px;font-weight:800}.filter-button{border:0;background:#3f4b7d;color:#fff}.reset-button{border:1px solid #dfe2eb;background:white;color:#596482}.report-summary{display:flex;gap:20px;padding:20px 0;border-top:1px solid #eff0f3;border-bottom:1px solid #eff0f3;margin-bottom:22px}.report-summary>div{min-width:200px;display:grid;gap:7px}.report-summary span{font-size:12px;color:#8b93a8}.report-summary strong{font-size:22px;color:#364273}.invoice-button{border:0;background:none;padding:0;color:#3e4b7c;font-weight:800;text-decoration:underline;text-underline-offset:3px}.detail-dialog{width:min(610px,calc(100% - 30px));border:0;border-radius:8px;padding:27px;box-shadow:0 20px 80px #1520444d}.detail-dialog::backdrop{background:#17203f9c}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.dialog-head h2{font-size:20px;margin:6px 0}.dialog-head button{border:0;background:none;font-size:28px;color:#6b7490}.dialog-item{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #eceef3;font-size:12px}.dialog-item strong{display:block;color:#303b66;margin-bottom:4px}.dialog-item span{color:#8a92a7}.dialog-item b{white-space:nowrap;color:#3f4b7d}.notice{color:#8a92a7;font-size:13px;padding:18px 0}
@media(max-width:1080px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content{padding:28px}.top-header{padding:20px 28px}}@media(max-width:740px){.login-view{grid-template-columns:1fr}.login-art{display:none}.login-brand{margin-bottom:55px}.admin-layout{display:block}.sidebar{height:auto;min-height:0;position:static;padding:12px 15px}.side-brand{padding-bottom:10px}.side-label,.side-bottom{display:none}.side-nav{display:flex;overflow:auto;padding-top:10px}.nav-button{white-space:nowrap;padding:10px}.nav-button span{display:none}.top-header{height:82px;padding:15px 18px}.top-header h1{font-size:21px}.content{padding:19px 16px 50px}.welcome{min-height:140px;padding:22px}.welcome h2{font-size:21px}.welcome-symbol{font-size:100px;margin-right:0;opacity:.3}.stats-grid{gap:10px}.stat-card{min-height:116px;padding:16px}.stat-card strong{font-size:21px}.section-card{padding:15px}.section-intro h2{font-size:23px}.date-filter{align-items:stretch}.report-summary>div{min-width:0;flex:1}.table-pagination{flex-wrap:wrap}.user-chip small{display:none}}@media(max-width:380px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card strong{font-size:18px}.user-chip strong{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:740px){.side-bottom{display:flex;margin-top:4px;border:0;padding:0}.side-bottom>*{width:auto;padding:6px 10px}.side-bottom span{display:inline}}

.product-thumb{display:block;width:58px;height:58px;border-radius:6px;object-fit:cover;background:#f1f3f8;border:1px solid #e6e9f0}.product-thumb-empty{display:grid;place-items:center;color:#a7aec0;font-size:19px;font-weight:700}#productsPanel td:first-child{width:86px;padding-top:8px;padding-bottom:8px}

.chart-card{margin-bottom:22px}.sales-chart{min-height:260px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;align-items:end;color:#7c849b;font-size:12px}.chart-column{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.chart-value{font-size:11px;color:#435080;font-weight:800;white-space:nowrap}.chart-track{height:180px;width:min(80px,100%);display:flex;align-items:flex-end;background:linear-gradient(to top,#eef0f6 1px,transparent 1px) 0 0/100% 25%;border-bottom:1px solid #d7dce8}.chart-bar{width:100%;min-height:0;background:linear-gradient(180deg,#f0eb21,#c8c41c);border-radius:5px 5px 0 0}.chart-column strong{font-size:12px;color:#303b68}.chart-column small{font-size:10px;color:#9ca3b3}.intro-actions{display:flex;align-items:center;gap:12px}.row-actions{display:flex;gap:6px}.row-actions button{border:1px solid #dfe2eb;background:#fff;color:#405080;border-radius:4px;padding:6px 9px;font-size:11px;font-weight:800}.row-actions button:hover{background:#eef1fa}.row-actions .delete-action{color:#b13b44;border-color:#f0d9dc}.row-actions .delete-action:hover{background:#fff1f2}.product-form{max-width:950px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 24px}.form-grid label{display:grid;gap:7px;color:#4b5574;font-size:12px;font-weight:800}.form-grid input,.form-grid textarea{width:100%;border:1px solid #dfe2eb;border-radius:5px;background:#fff;color:#273255;padding:10px 12px;outline:none;font-size:13px}.form-grid input:focus,.form-grid textarea:focus{border-color:#4d5b91;box-shadow:0 0 0 3px #4d5b9119}.form-grid input[readonly]{background:#f1f2f6;color:#81899d}.form-grid small{font-weight:400;color:#929aab}.wide-field{grid-column:1/-1}.form-grid .check-field{display:flex;align-items:center;gap:9px}.check-field input{width:17px;height:17px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.form-actions button{min-height:38px}.danger-button{border:0;background:#bd3d48;color:#fff;padding:0 16px;border-radius:4px;font-size:12px;font-weight:800}.danger-button:hover{background:#a52e38}.delete-dialog p{font-size:13px;color:#4e5876}.delete-dialog .delete-warning{color:#a36d50}.admin-toast{position:fixed;bottom:22px;right:22px;background:#334071;color:#fff;border-radius:6px;padding:12px 17px;box-shadow:0 10px 30px #1822443a;font-size:12px;z-index:30}@media(max-width:740px){.section-intro{align-items:flex-start;gap:12px;flex-wrap:wrap}.sales-chart{gap:6px}.chart-track{height:130px}.chart-value{font-size:9px;white-space:normal}.chart-column strong{font-size:10px}.chart-column small{font-size:9px}.form-grid{grid-template-columns:1fr}.wide-field{grid-column:auto}.intro-actions{width:100%;justify-content:space-between}}

.form-group-title{padding-top:12px;border-top:1px solid #e7e9f0;color:#34416f;font-weight:800;font-size:14px}.row-actions a{border:1px solid #dfe2eb;background:#fff;color:#405080;border-radius:4px;padding:6px 9px;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap}.row-actions a:hover{background:#eef1fa}.app-id-card{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px}.app-id-card h3{margin:7px 0;font-size:18px}.app-id-card p{font-size:12px;color:#7d869e;line-height:1.5;margin:0 0 14px}.app-id-card img{width:140px;height:140px;object-fit:contain;background:#fff;border:1px solid #e7e9f0;padding:8px;border-radius:5px}.app-id-line{display:flex;align-items:center;gap:12px}.app-id-line code{font-size:15px;font-weight:800;letter-spacing:.04em;color:#34416f}.app-id-line button{white-space:nowrap}@media(max-width:740px){.app-id-card{align-items:flex-start}.app-id-card img{width:110px;height:110px}.app-id-line{flex-wrap:wrap}}

.sales-chart{display:block;min-height:0;overflow-x:auto}.chart-legend{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:0 0 8px;color:#68728e;font-size:11px;font-weight:700}.chart-legend span{display:inline-flex;align-items:center;gap:7px}.chart-legend i{display:inline-block;width:13px;height:13px;border-radius:3px}.legend-revenue{background:#addbf0}.legend-transactions{background:#45b64d}.legend-units{background:#ff9342}.combo-chart{display:block;width:100%;min-width:640px;height:auto}.chart-grid line{stroke:#dfe3ea;stroke-width:1}.chart-months text{font-size:12px;fill:#778198;font-weight:700}.chart-note{margin:2px 0 0;color:#9aa2b1;font-size:11px}@media(max-width:740px){.chart-legend{gap:9px;font-size:10px}.chart-note{line-height:1.5}}

.chart-card{background:#1d416d;border-color:#1d416d}.chart-card h3{color:#fff}.chart-card .eyebrow{color:#9bbde8}.chart-card .chart-legend{color:#c8d6ea}.chart-card .chart-note{color:#a8bdd8}.chart-card .chart-grid line{stroke:#ffffff32}.chart-card .chart-months text{fill:#b8cbe4}.chart-card .legend-revenue{background:#a7ccef;opacity:.45}.chart-card .legend-transactions{background:#4d9eff}.chart-card .legend-units{background:#ff935c}

.product-image-preview{height:180px;border:1px dashed #cfd5e2;border-radius:7px;background:#f7f8fb;display:grid;place-items:center;overflow:hidden;color:#9aa3b5;font-size:12px}.product-image-preview img{width:100%;height:100%;object-fit:contain}.product-image-preview span{padding:20px;text-align:center}.form-grid input[type=file]{height:auto;min-height:39px;padding:7px;background:#fff}
:root{--theme-primary:#434e81;--theme-primary-text:#fff;--theme-accent:#f2ed1d;--theme-accent-text:#1f2945;--theme-background:#fff}.sidebar,.login-art,.primary-button,.filter-button,.page-buttons button.active{background:var(--theme-primary);color:var(--theme-primary-text)}.login-brand,.welcome-symbol,.stat-card strong,.text-button,.invoice-button{color:var(--theme-primary)}.user-avatar{background:var(--theme-accent);color:var(--theme-accent-text)}.nav-button.active{box-shadow:inset 3px 0 var(--theme-accent)}.workspace{background:color-mix(in srgb,var(--theme-background) 96%,#c9d2e9)}
.style-form{max-width:850px}.style-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.style-fields label{display:grid;gap:10px;color:#303a5b;font-size:13px;font-weight:800}.style-fields input[type=color]{width:100%;height:52px;padding:4px;border:1px solid #dfe2eb;border-radius:6px;background:#fff;cursor:pointer}.style-fields small{color:#8a91a4;font-size:11px;font-weight:500;line-height:1.5}.style-preview{margin:28px 0 22px;padding:28px;border:1px solid #e2e4ec;border-radius:8px;background:var(--theme-background)}.style-preview>span:first-child{color:var(--theme-primary);font-size:10px;font-weight:800;letter-spacing:.14em}.style-preview strong{display:block;margin:10px 0;color:var(--theme-primary);font-size:25px}.style-preview p{color:#616b81;font-size:13px}.style-preview-button{display:inline-block;margin-top:9px;padding:11px 16px;border-radius:5px;background:var(--theme-accent);color:var(--theme-accent-text);font-size:12px;font-weight:800}.style-status{margin:0 0 15px;color:var(--theme-primary);font-size:13px;font-weight:700}@media(max-width:700px){.style-fields{grid-template-columns:1fr}.style-preview{padding:20px}}

:root{--theme-font:#263052;color:var(--theme-font)}.top-header h1,.section-intro h2,.card-heading h3,.welcome h2,.login-card h1,.style-fields label,.style-preview p{color:var(--theme-font)}
.style-preview-footer{display:block;margin-top:22px;padding:15px;border-radius:5px;background:var(--theme-footer,#333d6b);color:var(--theme-footer-text,#fff);font-size:12px;font-weight:700}
.page-buttons{align-items:center;flex-wrap:wrap}.page-ellipsis{min-width:22px;text-align:center;color:#9299aa;font-weight:700}
.period-presets{display:flex;gap:6px;align-items:center}.period-presets button{height:37px;padding:0 11px;border:1px solid #dfe2eb;border-radius:4px;background:#f8f9fc;color:#526083;font-size:11px;font-weight:800}.period-presets button:hover{border-color:var(--theme-primary);color:var(--theme-primary)}.filter-status{flex-basis:100%;margin:2px 0 0;color:#7b8499;font-size:11px}.filter-status.error{color:#aa2d3a;font-weight:700}@media(max-width:740px){.period-presets{width:100%;overflow:auto}.period-presets button{white-space:nowrap}}
.profile-logo-preview{display:flex;align-items:center;justify-content:center;min-height:160px;padding:18px;border:1px dashed #cfd5e2;border-radius:7px;background:#f7f8fb}.profile-logo-preview img{display:block;max-width:100%;max-height:150px;object-fit:contain}.product-form input[readonly]{background:#f0f2f7;color:#7c859a}.profile-logo-preview+.form-error{margin-top:16px}
.form-grid select{width:100%;border:1px solid #dfe2eb;border-radius:5px;background:#fff;color:#273255;padding:10px 12px;outline:none;font-size:13px}.form-grid select:focus{border-color:#4d5b91;box-shadow:0 0 0 3px #4d5b9119}
#profileStatus.success{color:#287b45}