body.ot-admin{padding-left:252px;min-height:100vh;background:var(--color-background)}
.ot-sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:var(--color-navy);color:var(--color-border-strong);padding:24px 16px;z-index:100;display:flex;flex-direction:column}
.ot-sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 10px 26px;color:var(--ot-white);font-size:18px;font-weight:850;letter-spacing:.02em;text-decoration:none}.ot-sidebar-brand>span:last-child,.ot-sidebar-foot a>span:last-child{display:flex;min-width:0;flex-direction:column;align-items:flex-start;line-height:1.15}.ot-sidebar-brand small,.ot-sidebar-foot small{display:block;margin-top:3px}.ot-sidebar-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--color-primary);color:var(--color-action-primary-text);font-size:20px}
.ot-sidebar-nav{display:grid;gap:5px}.ot-sidebar-nav a,.ot-sidebar-foot a{display:flex;min-height:46px;align-items:center;gap:12px;padding:0 12px;border-radius:10px;color:var(--color-navigation-text);text-decoration:none;font-size:14px;font-weight:650;transition:.15s}.ot-sidebar-nav a:hover,.ot-sidebar-foot a:hover{background:var(--overlay-white-06);color:var(--ot-white)}.ot-sidebar-nav a.active{background:var(--color-navy-soft);color:var(--ot-white)}.ot-sidebar-nav a.active .ot-nav-icon{color:var(--color-success)}.ot-nav-icon{width:22px;text-align:center;font-size:17px}.ot-sidebar-foot{margin-top:auto;border-top:1px solid var(--overlay-white-09);padding-top:14px}
body.ot-admin>header:not(.ot-mobile-header),body.ot-admin>nav:not(.ot-sidebar),body.ot-admin>.header{display:none!important}
body.ot-admin>main,.ot-admin-main{width:min(100%,1240px);max-width:none;margin:0 auto!important;padding:40px 38px 80px!important}
.ot-mobile-header{display:none}.ot-mobile-brand{align-items:center;gap:10px}.ot-mobile-brand,.ot-mobile-brand *{text-decoration:none!important}.ot-mobile-brand>span:last-child{display:flex;min-width:0;flex-direction:column;align-items:flex-start;line-height:1.05}.ot-mobile-brand strong{font-size:16px;letter-spacing:.02em}.ot-mobile-header-actions{display:flex;align-items:center;gap:7px}.ot-mobile-mode-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 11px;border:1px solid var(--overlay-white-25);border-radius:11px;background:transparent;color:var(--ot-white);font-size:12px;font-weight:800;line-height:1.1;text-align:center;text-decoration:none!important}.ot-mobile-mode-link:hover{background:var(--overlay-white-09)}.ot-mobile-menu,.ot-mobile-directory{display:none}
.ot-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:30px}.ot-page-head h1{margin:0}.ot-eyebrow{color:var(--color-brand-accent-text);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800}.ot-page-subtitle{margin:8px 0 0;color:var(--color-text-secondary)}
.ot-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ot-metric{padding:20px}.ot-metric-label{color:var(--color-text-secondary);font-size:13px;font-weight:650}.ot-metric-value{margin-top:8px;font-size:clamp(1.7rem,3vw,2.2rem);font-weight:800;letter-spacing:-.04em}
body.ot-admin table{width:100%;border-collapse:collapse;background:var(--ot-white);border-radius:14px;overflow:hidden}body.ot-admin th{text-align:left;color:var(--color-text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.06em}body.ot-admin th,body.ot-admin td{padding:14px 16px;border-bottom:1px solid var(--color-border)}
@media(max-width:1023px){body.ot-admin{padding-left:0;padding-top:0}.ot-sidebar{display:none}.ot-mobile-header{position:sticky;inset:auto;top:0;display:flex;min-height:64px;background:rgba(9,19,29,.96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--overlay-white-09);z-index:100;align-items:center;justify-content:space-between;gap:12px;padding:max(10px,env(safe-area-inset-top)) 18px 10px}.ot-mobile-brand{display:flex;min-width:0;font-weight:850;color:var(--ot-white)}.ot-mobile-brand small{display:block;margin-top:3px;color:var(--color-navigation-text);font-size:10px;font-weight:700;letter-spacing:.04em}.ot-mobile-menu-button{display:grid;width:44px;min-width:44px;min-height:44px;padding:0;place-items:center;border:1px solid var(--overlay-white-25);border-radius:11px;background:transparent;color:var(--ot-white);font-size:13px;font-weight:800}.ot-mobile-menu-button:hover{background:var(--overlay-white-09)}.ot-mobile-menu{display:block;width:min(540px,calc(100% - 20px));max-height:calc(100dvh - 82px);margin:auto auto max(10px,env(safe-area-inset-bottom));padding:0;border:0;border-radius:24px;background:var(--color-surface);color:var(--color-text-primary);box-shadow:0 28px 90px rgba(9,19,29,.34);overflow:hidden}.ot-mobile-menu::backdrop{background:rgba(9,19,29,.48);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ot-mobile-menu-inner{max-height:inherit;overflow:auto;padding:22px 18px calc(18px + env(safe-area-inset-bottom))}.ot-mobile-menu-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--color-border)}.ot-mobile-menu-head h2{margin:0;font-size:24px;letter-spacing:-.03em}.ot-mobile-menu-close{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--color-background);color:var(--color-text-primary);font:inherit;font-size:24px}.ot-mobile-menu .ot-nav-group+.ot-nav-group{margin-top:18px}.ot-mobile-menu .ot-nav-group-label{display:block;padding:0 8px 6px;color:var(--color-text-secondary);font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.ot-mobile-menu .ot-sidebar-nav{gap:2px}.ot-mobile-menu .ot-sidebar-nav a{min-height:50px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:var(--color-text-primary);font-size:15px;font-weight:720}.ot-mobile-menu .ot-sidebar-nav a:hover{background:var(--color-surface-secondary)}.ot-mobile-menu .ot-sidebar-nav a.active{background:var(--color-primary-light);color:var(--color-brand-accent-text)}.ot-mobile-menu .ot-sidebar-nav a.active .ot-nav-icon{color:inherit}.ot-mobile-menu .ot-nav-icon{font-size:18px}.ot-mobile-menu-foot{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border)}.ot-mobile-menu-foot a,.ot-mobile-menu-foot button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 14px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text-primary);font:inherit;font-size:14px;font-weight:800;text-decoration:none}.ot-mobile-menu-foot .ot-mode-link{border-color:var(--color-action-primary);background:var(--color-action-primary);color:var(--color-action-primary-text)}.ot-page-head>.ot-eyebrow{display:none}.ot-dashboard-page .ot-page-head>.ot-btn{display:none}body.ot-admin>main,.ot-admin-main{padding:24px 18px 36px!important}.ot-kpi-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1023px){.ot-mobile-directory{display:block;width:min(100%,760px);margin:8px auto 0;padding:0 18px max(24px,calc(18px + env(safe-area-inset-bottom)))}.ot-mobile-directory-inner{padding-top:14px;border-top:1px solid var(--color-border)}.ot-mobile-directory-foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ot-mobile-directory-foot a,.ot-mobile-directory-foot button{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 7px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text-secondary);font:inherit;font-size:12px;font-weight:750;text-align:center;text-decoration:none}}
@media(max-width:560px){.ot-page-head{display:block}.ot-page-head .ot-btn{width:100%;margin-top:16px}.ot-kpi-grid{gap:10px}.ot-metric{padding:15px}.ot-metric-value{font-size:1.55rem}body.ot-admin table,body.ot-admin thead,body.ot-admin tbody,body.ot-admin tr,body.ot-admin th,body.ot-admin td{display:block}body.ot-admin thead{display:none}body.ot-admin tr{padding:12px 0;border-bottom:1px solid var(--color-border)}body.ot-admin td{border:0;padding:4px 14px}}
/* Compatibility layer while the original standalone administration screens are
   progressively decomposed. It deliberately affects presentation only. */
body.ot-admin>.container{width:min(100%,1240px)!important;max-width:none!important;min-height:100vh;margin:0 auto!important;padding:40px 38px 100px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--color-text)!important}
body.ot-admin>.container label,body.ot-admin>.container legend,body.ot-admin>.container p,body.ot-admin>.container .field label{color:var(--color-text)!important;text-shadow:none!important}body.ot-admin>.container input,body.ot-admin>.container select,body.ot-admin>.container textarea{background:var(--ot-white)!important;color:var(--color-text)!important;border-color:var(--color-border-strong)!important}body.ot-admin>.container form{background:var(--ot-white)!important;border:1px solid var(--color-border)!important;border-radius:14px!important;padding:22px!important}
body.ot-admin .admin-nav,body.ot-admin>.burger-menu,body.ot-admin>.menu{display:none!important}body.ot-admin>.container h1,body.ot-admin>h1{margin:0 0 26px!important;color:var(--color-text)!important;text-align:left!important;font-size:clamp(2rem,5vw,3rem)!important;text-shadow:none!important}body.ot-admin>.container h2,body.ot-admin>.container h3{color:var(--color-text)!important;text-shadow:none!important}body.ot-admin>.container button:not(.danger),body.ot-admin>.container .button{background:var(--color-primary)!important;color:var(--color-action-primary-text)!important;border-color:var(--color-action-primary)!important;border-radius:10px!important;box-shadow:none!important}body.ot-admin>.container [class*="card"],body.ot-admin>.container form,body.ot-admin>.container [class*="section"]{border-color:var(--color-border)!important;box-shadow:var(--shadow-card)!important}
body.ot-admin>h1,body.ot-admin>.kpi-grid,body.ot-admin>.sec,body.ot-admin>.tbl-wrap,body.ot-admin>.tisch-grid,body.ot-admin>#lastUpdate,body.ot-admin>#error{width:min(calc(100% - 76px),1164px);margin-left:auto!important;margin-right:auto!important}body.ot-admin>.kpi-grid{background:transparent!important}body.ot-admin>.sec{color:var(--color-text)!important;text-align:left!important;font-size:20px!important;font-weight:750!important}
@media(max-width:1023px){body.ot-admin>.container{padding:28px 18px 90px!important}body.ot-admin>h1,body.ot-admin>.kpi-grid,body.ot-admin>.sec,body.ot-admin>.tbl-wrap,body.ot-admin>.tisch-grid,body.ot-admin>#lastUpdate,body.ot-admin>#error{width:calc(100% - 36px)}}
.ot-products-page .menu-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:14px!important}.ot-products-page .menu-item-btn{min-height:190px!important;padding:18px!important;background:var(--ot-white)!important;color:var(--color-text)!important;border:1px solid var(--color-border)!important;border-radius:14px!important;box-shadow:var(--shadow-card)!important;backdrop-filter:none!important}.ot-products-page .menu-item-btn:hover{background:var(--ot-white)!important;border-color:var(--ot-green-border)!important;box-shadow:0 12px 30px var(--overlay-obsidian-12)!important}.ot-products-page .menu-item-btn .item-name{color:var(--color-text)!important;font-size:18px!important}.ot-products-page .menu-item-btn .item-detail{color:var(--color-text-secondary)!important}.ot-products-page .menu-item-btn .item-actions{gap:7px!important}.ot-products-page .menu-item-btn .item-actions button{min-height:40px!important;font-size:12px!important}.ot-products-page .add-item-btn{background:var(--color-primary-light)!important;color:var(--color-brand-accent-text)!important;border:2px dashed var(--ot-green-border)!important;box-shadow:none!important}.ot-products-page #customerNumber{color:var(--color-text-secondary)!important;text-align:center}.ot-products-page .edit-popup,.ot-products-page .confirm-popup{background:var(--ot-white)!important;color:var(--color-text)!important;border:1px solid var(--color-border)!important;box-shadow:0 30px 80px var(--overlay-obsidian-12)!important}.ot-products-page .edit-popup h2,.ot-products-page .confirm-popup h2{color:var(--color-text)!important}
body.ot-admin.ot-products-page{display:block!important}
body.ot-admin.ot-products-page>.container .actions-row{display:none!important}
body.ot-admin.ot-products-page>.container .menu-item-btn .btn-edit{background:var(--color-primary)!important;color:var(--color-action-primary-text)!important;border:1px solid var(--color-action-primary)!important}
body.ot-admin.ot-products-page>.container .menu-item-btn .btn-duplicate{background:var(--color-surface-secondary)!important;color:var(--color-text)!important;border:1px solid var(--color-border-strong)!important}
body.ot-admin.ot-products-page>.container .menu-item-btn .btn-delete{background:transparent!important;color:var(--color-error-text)!important;border:1px solid color-mix(in srgb,var(--color-error) 35%,var(--color-border))!important}
body.ot-admin.ot-products-page>.container .add-item-btn{background:var(--color-primary-light)!important;color:var(--color-brand-accent-text)!important;border:2px dashed var(--ot-green-border)!important;box-shadow:none!important}
body.ot-admin.ot-products-page #otSessionRole{margin-top:28px}