:root{--bg:#f4f5f8;--surface:#fff;--surface-2:#f8f9fb;--sidebar:#171a25;--sidebar-text:#eef0f7;--sidebar-muted:#8f96aa;--text:#202331;--muted:#71778a;--border:#e5e7ee;--accent:#6657d9;--accent-hover:#5749c5;--accent-soft:#eeebff;--success:#18794e;--success-soft:#e8f7ef;--warning:#a15c00;--warning-soft:#fff4dc;--danger:#b4233a;--danger-soft:#ffeaee;--shadow:0 12px 35px rgba(27,31,45,.07);--shadow-sm:0 4px 14px rgba(27,31,45,.06);--radius:16px;--sidebar-w:250px}
html[data-theme=dark]{--bg:#11131a;--surface:#191c26;--surface-2:#202430;--sidebar:#0d0f15;--sidebar-text:#f1f2f7;--sidebar-muted:#8f96aa;--text:#edf0f7;--muted:#9aa1b3;--border:#2b3040;--accent:#9387ef;--accent-hover:#a89ef5;--accent-soft:#2b2749;--success:#71d4a4;--success-soft:#17392c;--warning:#ffc464;--warning-soft:#3f3017;--danger:#ff91a4;--danger-soft:#47212a;--shadow:0 14px 38px rgba(0,0,0,.22);--shadow-sm:0 5px 16px rgba(0,0,0,.18)}
*{box-sizing:border-box}html{font-size:15px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.45}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);display:flex;flex-direction:column;padding:20px 16px 18px;background:var(--sidebar);color:var(--sidebar-text);z-index:50}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 25px}.joint-brand{display:grid;gap:2px;text-decoration:none}.joint-logo-frame{display:block;height:91px;overflow:hidden}.joint-logo{display:block;width:214px;height:auto;transform:translate(-7px,-27px);filter:invert(1);mix-blend-mode:screen}.joint-brand .brand-caption{text-align:center;letter-spacing:.25px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#8a7cf0,#5747c4);color:#fff;font-weight:800;font-size:19px;box-shadow:0 8px 20px rgba(102,87,217,.35)}.brand-mark.small{width:31px;height:31px;border-radius:9px;font-size:15px}.brand-name{font-size:16px;font-weight:800;letter-spacing:.1px}.brand-caption{font-size:11px;color:var(--sidebar-muted);margin-top:2px}.sidebar-nav{display:grid;gap:5px}.nav-item,.theme-switch{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:11px;background:transparent;color:var(--sidebar-muted);text-decoration:none;font:inherit;font-weight:650;cursor:pointer;transition:.16s ease}.nav-item:hover,.theme-switch:hover{background:rgba(255,255,255,.06);color:var(--sidebar-text)}.nav-item.active{background:linear-gradient(100deg,rgba(122,106,232,.25),rgba(122,106,232,.1));color:#fff}.nav-icon{display:grid;place-items:center;width:23px;font-size:19px}.sidebar-bottom{display:grid;gap:5px;margin-top:auto}.theme-switch{text-align:left}.app-version{padding:14px 12px 0;color:#62697b;font-size:10px}.workspace{min-height:100vh;margin-left:var(--sidebar-w)}.content-wrap{max-width:1500px;margin:0 auto;padding:34px 38px 60px}.mobile-header{display:none}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.page-header h1{margin:0;font-size:29px;line-height:1.2;letter-spacing:-.6px}.page-kicker{margin-bottom:6px;color:var(--accent);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px}.page-subtitle{margin-top:7px;color:var(--muted);max-width:720px}.header-actions,.inline-actions,.form-actions,.panel-header{display:flex;align-items:center;gap:10px}.header-actions{justify-content:flex-end;flex-wrap:wrap}.button,.button-secondary,.button-danger,.button-quiet{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:41px;padding:9px 15px;border:0;border-radius:10px;text-decoration:none;font:inherit;font-weight:750;cursor:pointer;transition:.15s ease}.button{background:var(--accent);color:#fff;box-shadow:0 6px 14px rgba(102,87,217,.2)}.button:hover{background:var(--accent-hover);transform:translateY(-1px)}.button-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.button-secondary:hover,.button-quiet:hover{border-color:var(--accent);color:var(--accent)}.button-danger{background:var(--danger-soft);color:var(--danger)}.button-quiet{min-height:34px;padding:6px 10px;background:transparent;color:var(--muted);border:1px solid transparent}.button.small,.button-secondary.small,.button-danger.small{min-height:32px;padding:6px 10px;font-size:12px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:21px;margin-bottom:18px}.panel.flush{padding:0;overflow:hidden}.panel-header{justify-content:space-between;align-items:flex-start;margin-bottom:17px}.panel-title{margin:0;font-size:17px}.panel-subtitle{margin-top:4px;color:var(--muted);font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{position:relative;min-height:126px;padding:19px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.metric-label{color:var(--muted);font-size:12px;font-weight:700}.metric-value{margin-top:10px;font-size:27px;font-weight:850;letter-spacing:-.5px}.metric-note{margin-top:5px;color:var(--muted);font-size:11px}.metric-accent{position:absolute;right:-19px;bottom:-28px;width:88px;height:88px;border-radius:50%;background:var(--accent-soft)}.metric-card.good .metric-value{color:var(--success)}.metric-card.warn .metric-value{color:var(--warning)}.layout-2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.72fr);gap:18px;align-items:start}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.grid-material-add{grid-template-columns:2fr 1fr 1fr}.grid-material-use{grid-template-columns:2fr 1fr}.grid-with-action{grid-template-columns:1fr auto;align-items:end}.form-grid .full{grid-column:1/-1}label.field{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:750}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:10px;outline:0;background:var(--surface-2);color:var(--text);font:inherit;transition:.15s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{min-height:92px;resize:vertical}.input-help{font-size:10px;font-weight:500;color:var(--muted)}.form-actions{justify-content:flex-end;margin-top:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px 15px;border-top:1px solid var(--border);text-align:left;font-size:13px;vertical-align:middle}thead th{border-top:0;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.55px;white-space:nowrap}.num{text-align:right}.item-name{font-weight:780}.item-meta{margin-top:3px;color:var(--muted);font-size:11px}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800}.status.success{background:var(--success-soft);color:var(--success)}.status.warning{background:var(--warning-soft);color:var(--warning)}.status.danger{background:var(--danger-soft);color:var(--danger)}.status.muted{background:var(--surface-2);color:var(--muted)}.flash{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border-radius:12px;margin-bottom:17px;font-weight:650}.flash span{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%}.flash.success{background:var(--success-soft);color:var(--success)}.flash.success span{background:var(--success);color:#fff}.flash.error{background:var(--danger-soft);color:var(--danger)}.flash.error span{background:var(--danger);color:#fff}.empty-state{text-align:center;padding:38px 20px;color:var(--muted)}.empty-icon{font-size:30px;margin-bottom:9px}.search-bar{display:grid;grid-template-columns:1fr auto auto;gap:10px}.summary-card{position:sticky;top:22px}.summary-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.summary-row.total{font-size:16px;font-weight:800}.profit-box{margin-top:16px;padding:17px;border-radius:13px;background:var(--success-soft);color:var(--success)}.profit-box.warning{background:var(--warning-soft);color:var(--warning)}.profit-box.danger{background:var(--danger-soft);color:var(--danger)}.profit-value{font-size:29px;font-weight:850;margin:4px 0}.notice{padding:14px 16px;border-radius:12px;background:var(--warning-soft);color:var(--warning);margin-bottom:16px}.soft-section{padding:15px;border-radius:12px;background:var(--surface-2)}.stat-list{display:grid}.stat-line{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--border)}.stat-line:last-child{border:0}.muted{color:var(--muted)}.danger-text{color:var(--danger)}.success-text{color:var(--success)}.sidebar-overlay{display:none}
.filter-panel{display:grid;gap:14px}.category-tabs{display:flex;gap:8px;flex-wrap:wrap}.category-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);text-decoration:none;font-size:12px;font-weight:750}.category-tab:hover{border-color:var(--accent);color:var(--accent)}.category-tab.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.category-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--surface-2);font-size:10px}.category-tab.active .category-count{background:var(--accent);color:#fff}
.stock-tooltip-card{cursor:help;overflow:visible;z-index:8}.stock-tooltip-card:focus{outline:0;box-shadow:0 0 0 3px var(--accent-soft),var(--shadow-sm)}.stock-tooltip{position:absolute;left:16px;right:16px;top:calc(100% - 5px);max-height:280px;overflow:auto;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.15s ease;z-index:30}.stock-tooltip-card:hover .stock-tooltip,.stock-tooltip-card:focus .stock-tooltip,.stock-tooltip-card:focus-within .stock-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.stock-tooltip-title{font-size:11px;font-weight:800;margin-bottom:7px}.stock-tooltip-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid var(--border);font-size:11px}.stock-tooltip-row strong{white-space:nowrap;color:var(--warning)}
@media(max-width:1120px){.metric-grid{grid-template-columns:repeat(2,1fr)}.layout-2{grid-template-columns:1fr}.summary-card{position:static}}
.orders-detail{margin-top:18px}.orders-table{min-width:1050px}.orders-table td{vertical-align:top}.orders-table td:first-child{min-width:205px}.orders-table td:nth-child(2){min-width:230px}.orders-table td:nth-child(3){min-width:170px}.order-products{font-weight:700;line-height:1.45}.order-destination{max-width:230px}.order-sync-form{display:flex;gap:8px;align-items:center}.order-sync-form input{width:190px;min-height:32px;padding:6px 9px;font-size:12px}
.orders-more{border-top:1px solid var(--border)}.orders-more>summary{padding:13px 20px;color:var(--accent);font-size:12px;font-weight:800;text-align:center;cursor:pointer;list-style:none;background:var(--surface-2)}.orders-more>summary::-webkit-details-marker{display:none}.orders-more[open]>summary{border-bottom:1px solid var(--border)}.order-filters{display:grid;grid-template-columns:minmax(260px,2fr) minmax(180px,1fr) minmax(140px,.7fr) auto auto;gap:12px;align-items:end}.order-filters .button,.order-filters .button-secondary{min-height:42px}
.sync-log-table{min-width:760px}.sync-log-table td{vertical-align:top}.sync-log-table td:first-child{width:145px;white-space:nowrap}.sync-log-table td:nth-child(2){width:34%}.sync-log-table td:nth-child(3){width:170px}.sync-log-table td:nth-child(4){width:155px}.sync-message{margin-top:6px;max-width:100%;color:var(--muted);font-size:11px;white-space:normal;overflow-wrap:anywhere}
.notification-center{position:fixed;top:18px;right:22px;z-index:45}.notification-center>summary{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:var(--shadow-sm);cursor:pointer;list-style:none;color:var(--text)}.notification-center>summary::-webkit-details-marker{display:none}.notification-bell{font-size:23px;line-height:1;transform:rotate(45deg)}.notification-badge{position:absolute;right:-5px;top:-5px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:2px solid var(--bg);border-radius:999px;background:var(--danger);color:#fff;font-size:9px;font-weight:850}.notification-menu{position:absolute;right:0;top:50px;width:min(390px,calc(100vw - 35px));overflow:hidden;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:var(--shadow)}.notification-menu-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.notification-list{max-height:430px;overflow:auto}.notification-item{display:grid;grid-template-columns:8px 1fr;gap:10px;padding:13px 16px;border-bottom:1px solid var(--border)}.notification-item:last-child{border:0}.notification-item.unread{background:var(--accent-soft)}.notification-dot{width:7px;height:7px;margin-top:6px;border-radius:50%;background:var(--border)}.notification-item.unread .notification-dot{background:var(--accent)}.notification-message{margin-top:3px;color:var(--muted);font-size:12px}
@media(max-width:820px){body.menu-open{overflow:hidden}.sidebar{transform:translateX(-100%);transition:transform .2s ease}.sidebar.open{transform:translateX(0)}.sidebar-overlay{position:fixed;inset:0;border:0;background:rgba(4,6,12,.52);z-index:40}.sidebar-overlay.open{display:block}.workspace{margin-left:0}.mobile-header{display:flex;align-items:center;justify-content:space-between;height:62px;padding:0 18px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.menu-toggle{border:0;background:transparent;color:var(--text);font-size:22px;cursor:pointer}.mobile-brand{display:flex;align-items:center;gap:9px}.content-wrap{padding:24px 18px 45px}.page-header{flex-direction:column}.header-actions{width:100%;justify-content:flex-start}.form-grid,.grid-material-add,.grid-material-use,.grid-with-action{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}
@media(max-width:1050px){.order-filters{grid-template-columns:1fr 1fr}.order-filters .field:first-child{grid-column:1/-1}}
@media(max-width:560px){.metric-grid{grid-template-columns:1fr}.page-header h1{font-size:25px}.header-actions>*{flex:1}.search-bar{grid-template-columns:1fr}.search-bar>*{width:100%}.panel{padding:17px}.panel-header{flex-direction:column}.button,.button-secondary{min-height:43px}.inline-actions{flex-wrap:wrap}}
.workspace>.content-wrap{padding-right:95px}
@media(max-width:820px){.notification-center{top:10px;right:70px;z-index:35}.workspace>.content-wrap{padding-right:18px}}
.notification-bell{transform:none;font-size:18px}
.header-create{position:relative}.header-create>summary{list-style:none}.header-create>summary::-webkit-details-marker{display:none}.create-popover{position:absolute;right:0;top:50px;z-index:35;width:min(760px,calc(100vw - 310px));max-height:calc(100vh - 80px);overflow:auto;text-align:left}.warranty-form-grid{margin-top:18px}.warranty-metrics a{text-decoration:none;color:inherit}.warranty-metrics .metric-card:hover{border-color:var(--accent);transform:translateY(-1px)}.warning-text{color:var(--warning)}.warranty-filters{display:grid;grid-template-columns:minmax(280px,2fr) minmax(190px,1fr) auto auto;gap:12px;align-items:end}.warranty-panel-header{padding:21px 21px 4px}.warranty-table{min-width:1050px}.serial-number{font-weight:850;letter-spacing:.35px;white-space:nowrap}.row-details{position:static}.row-details>summary{list-style:none;white-space:nowrap}.row-details>summary::-webkit-details-marker{display:none}.warranty-drawer{position:absolute;left:calc(var(--sidebar-w) + 38px);right:38px;z-index:32;margin-top:9px;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);text-align:left}.warranty-drawer-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:25px}.warranty-drawer h3{margin:0 0 16px}.delete-unit-form{margin-top:12px}.claim-history{display:grid;gap:10px;margin-top:14px}.claim-card{display:grid;gap:9px;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.claim-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.claim-card form{display:grid;gap:8px}.empty-state.compact{padding:18px}
@media(max-width:1120px){.warranty-drawer-grid{grid-template-columns:1fr}.create-popover{width:min(700px,calc(100vw - 290px))}}
@media(max-width:820px){.header-create{width:100%}.header-create>summary{width:100%}.create-popover{position:fixed;left:18px;right:18px;top:72px;width:auto}.warranty-filters{grid-template-columns:1fr}.warranty-drawer{position:fixed;left:18px;right:18px;top:65px;bottom:18px;overflow:auto;margin:0}.warranty-drawer-grid{grid-template-columns:1fr}}
.bonus-panel-head{padding:21px 21px 4px}.bonus-sale{border-top:1px solid var(--border)}.bonus-sale>summary{display:grid;grid-template-columns:auto 1fr 1fr 1.2fr auto;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;list-style:none}.bonus-sale>summary::-webkit-details-marker{display:none}.bonus-sale-body{padding:18px;border-top:1px solid var(--border);background:var(--surface-2)}.bonus-photos{display:flex;gap:10px;overflow:auto;margin-bottom:17px}.bonus-photos img{display:block;width:145px;height:110px;object-fit:cover;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.bonus-check{display:flex;align-items:center;gap:9px;margin-top:16px;font-size:13px;font-weight:700}.bonus-check input{width:auto}.bonus-sale .form-actions{justify-content:space-between}.bonus-layout .summary-card{top:20px}
@media(max-width:1100px){.bonus-sale>summary{grid-template-columns:auto 1fr 1fr}.bonus-sale>summary span:nth-last-child(-n+2){display:none}}
@media(max-width:650px){.bonus-sale>summary{grid-template-columns:auto 1fr}.bonus-sale>summary span:not(.status){display:none}.bonus-photos img{width:120px;height:95px}}

.notification-item{position:relative;color:inherit;text-decoration:none;grid-template-columns:8px 1fr auto;align-items:start}.notification-item:hover{background:var(--surface-2)}.notification-arrow{align-self:center;color:var(--muted);font-size:22px;line-height:1}.analytics-filters{display:grid;grid-template-columns:180px 180px auto;gap:12px;align-items:end}.analytics-table{min-width:1040px}.analytics-table td{vertical-align:top}.analytics-product{min-width:240px}.conversion-stack{display:grid;gap:3px;white-space:nowrap}.analytics-details>summary{cursor:pointer;color:var(--accent);font-weight:750;list-style:none}.analytics-details>summary::-webkit-details-marker{display:none}.analytics-days{margin-top:10px;max-height:250px;overflow:auto}.analytics-days table{min-width:700px;background:var(--surface-2);border-radius:10px;overflow:hidden}.analytics-error{padding:16px;border:1px solid var(--warning);border-radius:12px;background:var(--warning-soft);color:var(--warning);margin-bottom:18px}@media(max-width:700px){.analytics-filters{grid-template-columns:1fr}}

/* Workshop */
.workshop-metrics{margin-bottom:24px}.workshop-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.workshop-column{background:var(--surface, #fff);border:1px solid var(--border);border-radius:18px;padding:16px}.workshop-column>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.workshop-column>header h2{font-size:16px;margin:0}.workshop-column>header span{min-width:28px;text-align:center;border-radius:999px;background:var(--surface-muted);padding:4px 8px}.workshop-stack{display:grid;gap:12px}.workshop-card{border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--surface-raised, var(--surface))}.workshop-card-top{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}.stage-pill{font-size:11px;padding:5px 8px;border-radius:999px;background:var(--accent-soft);white-space:nowrap}.serial-number{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;margin-top:12px;opacity:.72}.workshop-card p{font-size:13px;margin:10px 0 0}.workshop-actions{display:flex;gap:8px;align-items:center;margin-top:14px}.workshop-actions form:nth-child(2){margin-left:auto}.button-primary.small{padding:8px 10px;font-size:12px}.button-danger-icon{width:32px;height:32px;border:0;border-radius:10px;background:transparent;color:var(--danger,#c84a4a);font-size:20px;cursor:pointer}.button-danger-icon:hover{background:rgba(200,74,74,.1)}.empty-state.compact{padding:24px 10px}.modal{border:0;padding:0;background:transparent;max-width:520px;width:calc(100% - 32px)}.modal::backdrop{background:rgba(0,0,0,.55);backdrop-filter:blur(4px)}.modal-card{display:grid;gap:16px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:0 24px 80px rgba(0,0,0,.28)}.modal-header,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-header h2{margin:3px 0 0}.modal-close{border:0;background:transparent;color:inherit;font-size:28px;cursor:pointer}.modal-card label{display:grid;gap:7px;font-size:13px;font-weight:600}.modal-card input,.modal-card select,.modal-card textarea{width:100%}.modal-actions{justify-content:flex-end}@media(max-width:1050px){.workshop-board{grid-template-columns:1fr}}@media(max-width:700px){.workshop-actions{flex-wrap:wrap}.workshop-actions form:nth-child(2){margin-left:0}}

/* Administration */
.admin-metrics{margin-bottom:24px}.metric-value.compact{font-size:25px}.admin-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:18px}.release-notes ul,.admin-steps{margin:14px 0 0;padding-left:21px}.release-notes li,.admin-steps li{margin:8px 0}.deploy-log{margin:16px 21px 21px;max-height:420px;overflow:auto;padding:18px;border:1px solid var(--border);border-radius:12px;background:#11151f;color:#d9e2f1;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:980px){.admin-grid{grid-template-columns:1fr}}@media(max-width:560px){.deploy-log{margin:14px}}
.agent-panel{scroll-margin-top:20px}.agent-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:20px;align-items:start}.agent-state-card{margin-bottom:14px}.agent-message{margin-top:8px;font-size:18px;font-weight:800}.agent-actions{display:flex;gap:9px;flex-wrap:wrap}.agent-actions form{margin:0}.agent-security-note{margin-top:14px;color:var(--muted);font-size:11px}.agent-history{display:grid;gap:8px;max-height:260px;overflow:auto}.agent-history-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:10px 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.agent-history-row strong{font-size:12px}.agent-log{min-height:240px}.button-secondary:disabled{opacity:.55;cursor:not-allowed}@media(max-width:980px){.agent-layout{grid-template-columns:1fr}}@media(max-width:560px){.agent-actions form,.agent-actions button{width:100%}}


/* Mobile usability overhaul — Mira Studio 1.2.4 */
html,body{max-width:100%;overflow-x:hidden}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
.table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:thin}
.table-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.sidebar{overflow-y:auto;overscroll-behavior:contain}

@media(max-width:820px){
  :root{--mobile-gutter:16px}
  .sidebar{width:min(86vw,320px);padding-bottom:max(18px,env(safe-area-inset-bottom))}
  .mobile-header{
    height:60px;
    justify-content:flex-start;
    gap:9px;
    padding:0 calc(var(--mobile-gutter) + env(safe-area-inset-right)) 0 calc(var(--mobile-gutter) + env(safe-area-inset-left))
  }
  .menu-toggle{
    display:grid;
    place-items:center;
    flex:0 0 44px;
    width:44px;
    height:44px;
    margin-left:-10px;
    border-radius:12px
  }
  .menu-toggle:active{background:var(--surface-2)}
  .mobile-brand{min-width:0}
  .mobile-brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .notification-center{top:9px;right:calc(12px + env(safe-area-inset-right))}
  .notification-center>summary{width:42px;height:42px}
  .notification-menu{
    position:fixed;
    top:60px;
    right:var(--mobile-gutter);
    left:var(--mobile-gutter);
    width:auto;
    max-height:calc(100dvh - 76px)
  }
  .notification-list{max-height:calc(100dvh - 150px)}
  .content-wrap{
    width:100%;
    padding:22px calc(var(--mobile-gutter) + env(safe-area-inset-right)) calc(42px + env(safe-area-inset-bottom)) calc(var(--mobile-gutter) + env(safe-area-inset-left))
  }
  .workspace>.content-wrap{padding-right:calc(var(--mobile-gutter) + env(safe-area-inset-right))}
  .page-header{gap:16px;margin-bottom:20px}
  .page-subtitle{font-size:13px}
  .header-actions{display:grid;grid-template-columns:1fr;width:100%;gap:9px}
  .header-actions>*,.header-actions form,.header-actions button,.header-actions a{width:100%}
  .panel{margin-bottom:14px}
  .panel.flush{overflow:hidden}
  .panel-header{gap:12px}
  .panel-header .inline-actions{width:100%}
  .order-filters,.warranty-filters,.analytics-filters{grid-template-columns:1fr}
  .order-filters .field:first-child{grid-column:auto}
  .order-filters .button,.order-filters .button-secondary{width:100%}
  .order-sync-form{display:grid;grid-template-columns:1fr;width:100%}
  .order-sync-form input,.order-sync-form button{width:100%;min-height:44px}
  .create-popover{max-height:calc(100dvh - 90px)}
  .admin-tabs{
    flex-wrap:nowrap;
    overflow-x:auto;
    justify-content:flex-start;
    scroll-snap-type:x proximity
  }
  .admin-tab{flex:0 0 auto;scroll-snap-align:start}
  dialog.modal{max-height:calc(100dvh - 24px);overflow:auto}
  .warranty-drawer{bottom:max(18px,env(safe-area-inset-bottom))}
}

@media(max-width:560px){
  :root{--mobile-gutter:12px;--radius:14px}
  html{font-size:14px}
  input,select,textarea{font-size:16px}
  .mobile-header{height:58px}
  .mobile-brand .brand-mark{display:none}
  .notification-center{top:8px}
  .content-wrap{padding-top:18px}
  .page-header h1{font-size:24px;letter-spacing:-.35px}
  .page-kicker{margin-bottom:4px}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .metric-card{min-height:112px;padding:15px}
  .metric-value{font-size:23px}
  .metric-note{line-height:1.3}
  .panel{padding:15px}
  .panel.flush{padding:0}
  .panel-header{padding:16px 15px 4px!important}
  .panel-header .inline-actions{display:grid;grid-template-columns:1fr}
  .panel-header .inline-actions>*,.panel-header .inline-actions form,.panel-header .inline-actions button,.panel-header .inline-actions a{width:100%}
  .button,.button-secondary,.button-danger,.button-quiet{min-height:44px}
  .form-actions{display:grid;grid-template-columns:1fr;margin-top:15px}
  .form-actions>*,.form-actions button,.form-actions a{width:100%}
  .search-bar{gap:8px}
  .category-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}
  .category-tab{flex:0 0 auto}
  .table-wrap{
    width:100%;
    border-top:1px solid var(--border);
    background:linear-gradient(90deg,var(--surface) 30%,rgba(255,255,255,0)) 0 0/28px 100% no-repeat
  }
  table{min-width:680px}
  th,td{padding:11px 12px}
  .orders-table,.warranty-table,.analytics-table{min-width:920px}
  .sync-log-table{min-width:700px}
  .orders-more>summary{min-height:44px;display:grid;place-items:center}
  .workshop-column{padding:12px;border-radius:14px}
  .workshop-card{padding:12px}
  .workshop-card-top{flex-direction:column}
  .workshop-actions{display:grid;grid-template-columns:1fr 1fr}
  .workshop-actions form,.workshop-actions button{width:100%}
  .workshop-actions form:nth-child(2){margin-left:0}
  .workshop-actions form:last-child{grid-column:1/-1}
  .button-danger-icon{min-height:40px}
  .bonus-sale-body{padding:14px}
  .bonus-sale .form-actions{display:grid}
  .deploy-log{max-height:55dvh;padding:13px;font-size:11px}
  .modal-card{padding:17px;border-radius:16px}
  .notification-menu{top:58px}
  .flash{font-size:13px}
}

@media(max-width:360px){
  .metric-grid{grid-template-columns:1fr}
  .mobile-brand strong{font-size:13px}
}

/* Monthly finance plan — Mira Studio 1.4.0 */
.finance-plan{display:grid;gap:22px}
.finance-plan-head{display:flex;align-items:end;justify-content:space-between;gap:18px}
.finance-month-filter{display:flex;align-items:end;gap:10px}
.finance-plan-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.finance-plan-metrics>div{display:grid;gap:8px;padding:15px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
.finance-plan-metrics span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.45px}
.finance-plan-metrics strong{font-size:19px}
.goal-progress{display:grid;gap:10px;padding:18px;border-radius:14px;background:var(--surface-2)}
.goal-progress-head{display:flex;justify-content:space-between;gap:12px;font-size:16px;font-weight:850}
.progress-track,.expense-bar-track{height:14px;overflow:hidden;border-radius:999px;background:var(--border)}
.progress-track>span,.expense-bar-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#48c78e);transition:width .35s ease}
.goal-progress-note{color:var(--muted);font-size:12px;line-height:1.5}
.finance-goal-form{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:10px;align-items:end}
.finance-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.finance-plan-grid h3{margin:0 0 14px;font-size:14px}
.expense-chart,.sales-plan-list{display:grid;gap:10px}
.expense-bar-row{display:grid;gap:6px}
.expense-bar-label{display:flex;justify-content:space-between;gap:12px;font-size:12px}
.expense-bar-label strong{white-space:nowrap}
.expense-bar-track{height:8px}
.sales-plan-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}
.sales-plan-row>div{display:grid;gap:3px;min-width:0}
.sales-plan-row span{color:var(--muted);font-size:11px}
.sales-plan-row b{font-size:18px;white-space:nowrap}
.notice.compact{margin:0;padding:12px 14px}
@media(max-width:980px){.finance-plan-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-plan-grid{grid-template-columns:1fr}}
@media(max-width:700px){.finance-plan-head{align-items:stretch;flex-direction:column}.finance-month-filter,.finance-goal-form{grid-template-columns:1fr;display:grid}.finance-month-filter>* ,.finance-goal-form>*{width:100%}.finance-plan-metrics{grid-template-columns:1fr}.goal-progress-head,.expense-bar-label{align-items:flex-start;flex-direction:column}.expense-bar-label strong{white-space:normal}}

/* BORLAND premium workbench — Mira Studio 1.5.0 */
:root{
  --bg:#eee6da;
  --surface:#fffaf1;
  --surface-2:#f4ebdd;
  --sidebar:#1a1410;
  --sidebar-text:#f1e6d5;
  --sidebar-muted:#ad9b86;
  --text:#2a211a;
  --muted:#786b5d;
  --border:#d9c8b3;
  --accent:#9b632f;
  --accent-hover:#7f4e23;
  --accent-soft:#ead7bf;
  --success:#3f7750;
  --success-soft:#e1eddf;
  --warning:#9a611d;
  --warning-soft:#f6e6c9;
  --danger:#a54438;
  --danger-soft:#f4ddd8;
  --shadow:0 18px 48px rgba(54,39,25,.12);
  --shadow-sm:0 7px 22px rgba(54,39,25,.09);
  --radius:14px
}
html[data-theme=dark]{
  --bg:#0c0d0c;
  --surface:#151512;
  --surface-2:#1d1b17;
  --sidebar:#15100d;
  --sidebar-text:#eee1cf;
  --sidebar-muted:#a69785;
  --text:#eee5d8;
  --muted:#a89d8e;
  --border:#3b3026;
  --accent:#c68b49;
  --accent-hover:#dda55f;
  --accent-soft:#302419;
  --success:#8fc295;
  --success-soft:#1c3020;
  --warning:#e2ad5c;
  --warning-soft:#372817;
  --danger:#e77f72;
  --danger-soft:#3b211e;
  --shadow:0 22px 58px rgba(0,0,0,.42);
  --shadow-sm:0 8px 24px rgba(0,0,0,.3)
}
body{
  background-color:var(--bg);
  background-image:
    radial-gradient(circle at 72% -15%,rgba(198,139,73,.09),transparent 31rem),
    repeating-linear-gradient(115deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 7px)
}
.sidebar{
  border-right:1px solid #4a3829;
  background-color:var(--sidebar);
  background-image:
    linear-gradient(110deg,rgba(255,255,255,.025),transparent 42%),
    repeating-linear-gradient(28deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 5px);
  box-shadow:8px 0 30px rgba(0,0,0,.22)
}
.sidebar:after{
  content:"";
  position:absolute;
  inset:8px 6px;
  border:1px dashed rgba(198,139,73,.22);
  border-radius:10px;
  pointer-events:none
}
.brand,.sidebar-nav,.sidebar-bottom{position:relative;z-index:1}
.joint-logo{filter:sepia(1) saturate(.72) brightness(1.45);mix-blend-mode:screen}
.brand-caption{color:#9f8a73}
.nav-item,.theme-switch{border:1px solid transparent;border-radius:9px}
.nav-item:hover,.theme-switch:hover{border-color:rgba(198,139,73,.2);background:rgba(198,139,73,.07)}
.nav-item.active{
  border-color:#6c4a2e;
  background:linear-gradient(105deg,rgba(124,78,43,.58),rgba(65,44,30,.38));
  color:#f4d5a8;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 7px 18px rgba(0,0,0,.18)
}
.nav-item.active .nav-icon{color:var(--accent)}
.app-version{color:#766553}
.page-header h1,.panel-title,.metric-value,.profit-value,.goal-progress-head{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:600
}
.page-header h1{font-size:34px;letter-spacing:-.45px}
.page-kicker{color:var(--accent);letter-spacing:1.55px}
.panel,.metric-card,.workshop-column,.workshop-card,.modal-card{
  border-color:var(--border);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),var(--shadow-sm)
}
html[data-theme=dark] .panel,
html[data-theme=dark] .metric-card,
html[data-theme=dark] .workshop-column,
html[data-theme=dark] .workshop-card,
html[data-theme=dark] .modal-card{
  background-image:linear-gradient(145deg,rgba(255,255,255,.018),transparent 48%)
}
.metric-card:after{
  content:"";
  position:absolute;
  inset:5px;
  border:1px dashed rgba(198,139,73,.16);
  border-radius:10px;
  pointer-events:none
}
.metric-card>*{position:relative;z-index:1}
.metric-card .metric-value{font-size:30px}
.metric-accent{background:radial-gradient(circle,rgba(198,139,73,.18),transparent 67%)}
.button{
  border:1px solid #a36d36;
  background:linear-gradient(180deg,#c58a49,#925927);
  color:#fff8eb;
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 7px 16px rgba(83,49,24,.25)
}
.button:hover{border-color:#dca45f;background:linear-gradient(180deg,#d49b58,#a86a31)}
.button-secondary{background:var(--surface-2);border-color:var(--border)}
.button-secondary:hover,.button-quiet:hover{border-color:var(--accent);color:var(--accent)}
input,select,textarea{border-color:var(--border);background:var(--surface-2)}
thead th{background:#241f1a}
html:not([data-theme=dark]) thead th{background:#eadfce}
tbody tr{transition:background .15s ease}
tbody tr:hover>td{background:rgba(198,139,73,.055)}
th,td{border-color:var(--border)}
.status{border:1px solid transparent}
.status.success{border-color:rgba(93,148,102,.28)}
.status.warning{border-color:rgba(198,139,73,.3)}
.status.danger{border-color:rgba(198,82,67,.3)}
.status.muted{border-color:var(--border)}
.soft-section,.finance-plan-metrics>div,.goal-progress,.sales-plan-row,.agent-history-row,.claim-card{
  border-color:var(--border);
  background-color:var(--surface-2)
}
.progress-track>span,.expense-bar-track>span{
  background:linear-gradient(90deg,#8c5728,#d4a05c 58%,#76946f)
}
.notification-center>summary,.notification-menu{border-color:var(--border)}
.notification-center>summary{background:var(--surface-2)}
.mobile-header{
  border-color:var(--border);
  background:rgba(21,21,18,.94);
  backdrop-filter:blur(14px)
}
html:not([data-theme=dark]) .mobile-header{background:rgba(255,250,241,.94)}
.brand-mark{
  border:1px solid #b77a3e;
  background:linear-gradient(145deg,#c69054,#805027);
  box-shadow:0 7px 18px rgba(87,52,25,.3)
}
.orders-more>summary{color:var(--accent);background:var(--surface-2)}
.table-wrap{scrollbar-color:var(--accent) var(--surface-2)}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:var(--surface-2)}
*::-webkit-scrollbar-thumb{border:2px solid var(--surface-2);border-radius:999px;background:#765337}
@media(max-width:820px){
  .sidebar{box-shadow:16px 0 44px rgba(0,0,0,.48)}
  .content-wrap{padding-top:24px}
}
@media(max-width:560px){
  .page-header h1{font-size:28px}
  .metric-card .metric-value{font-size:25px}
  .metric-card:after{inset:4px}
}


/* Mira Studio 1.5.1 — intact branding and grouped navigation */
.joint-brand{padding:0 8px 20px}
.joint-logo-frame{display:flex;height:auto;min-height:96px;align-items:center;justify-content:center;overflow:visible;padding:4px}
.joint-logo{display:block;width:100%;max-width:214px;height:auto;object-fit:contain;transform:none;filter:invert(1) sepia(1) saturate(5) hue-rotate(330deg) brightness(.7) contrast(1.15);mix-blend-mode:screen}
.nav-group{min-width:0}
.nav-group>summary{list-style:none}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group-title{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:9px;color:var(--sidebar-muted);font-weight:700;cursor:pointer;user-select:none;transition:.16s ease}
.nav-group-title:hover,.nav-group[open]>.nav-group-title{border-color:rgba(198,139,73,.2);background:rgba(198,139,73,.07);color:var(--sidebar-text)}
.nav-chevron{margin-left:auto;font-size:13px;transition:transform .18s ease}
.nav-group[open] .nav-chevron{transform:rotate(180deg)}
.nav-group-items{display:grid;gap:3px;margin:3px 0 7px;padding-left:35px}
.nav-group-items .nav-item{min-height:36px;padding:7px 10px;font-size:13px}
.nav-group-items .nav-item.active{color:#f4d5a8}
.sidebar-nav{overflow-y:auto;min-height:0;padding-right:2px;scrollbar-width:thin}
.sidebar-bottom{flex:0 0 auto}
.settings-theme-button{width:100%;justify-content:flex-start}
@media(max-width:760px){
  .joint-logo-frame{min-height:82px}
  .nav-group-title{min-height:46px}
  .nav-group-items .nav-item{min-height:42px}
}


/* Mira Studio 1.5.3 — logo blends into the textured sidebar */
.joint-brand{z-index:auto}
.joint-logo-frame{background:transparent}
.joint-logo{mix-blend-mode:screen}