.admin-body{background:#f6f3ed}.login-view{width:min(440px,90%);margin:9vh auto;padding:40px;background:var(--paper);border:1px solid var(--line)}.login-view h1{font:48px/1.1 var(--serif);margin:40px 0 28px}.login-view .brand{font-size:43px}.login-view label{font-size:13px;display:block}.login-view input{width:100%;padding:13px;margin:8px 0 18px;border:1px solid var(--line);background:none}.login-view>a:last-child{display:block;margin-top:25px}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:24px 4%;background:var(--paper);border-bottom:1px solid var(--line)}.admin-header .brand{font-size:35px}.admin-header>div{display:flex;gap:25px;align-items:center}.admin-header .button{padding:10px 18px;min-height:40px;font-size:12px}.admin-layout{display:grid;grid-template-columns:230px 1fr}.admin-layout aside{border-right:1px solid var(--line);padding:35px 20px;min-height:calc(100vh - 104px)}#admin-nav{display:flex;flex-direction:column;gap:7px}#admin-nav button{border:0;background:none;text-align:left;padding:12px 18px;font-size:13px}#admin-nav button.active{background:var(--ink);color:#fff}.admin-layout aside p{font-size:11px;color:var(--muted);padding:30px 18px}.admin-main{padding:38px 4%;min-width:0}.admin-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.admin-title h1{font:42px var(--serif)}.admin-title p{font-size:12px;color:var(--muted)}.admin-notice{font-size:12px;padding:15px 20px;background:#eee8d8;border-left:3px solid var(--gold);margin:20px 0}.admin-search{width:100%;background:var(--paper);border:1px solid var(--line);padding:13px;margin:10px 0 20px}.admin-table{width:100%;border-collapse:collapse;font-size:12px;background:var(--paper)}.admin-table th{font-weight:500;color:var(--muted);text-align:left;padding:15px}.admin-table td{padding:13px 15px;border-top:1px solid var(--line)}.admin-table td img{width:45px;height:58px;object-fit:cover}.admin-product-cell{display:flex;gap:13px;align-items:center;min-width:170px}.admin-product-cell strong{font-size:14px;display:block;font-weight:500}.admin-product-cell span{font-size:10px;color:var(--muted)}.admin-table button{border:1px solid var(--line);background:transparent;padding:7px 11px;font-size:11px;margin:2px}.status{font-size:10px;padding:4px 7px;background:#e9edde;border-radius:3px;white-space:nowrap}.status.off{background:#eee4e0}.admin-form{max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px}.form-grid .wide{grid-column:1/-1}.admin-form label,.edit-dialog label{display:block;font-size:12px;margin-bottom:5px}.admin-form input,.admin-form select,.admin-form textarea,.edit-dialog input,.edit-dialog select,.edit-dialog textarea{width:100%;padding:11px;border:1px solid var(--line);background:var(--paper);font-size:13px}.admin-form input[type=checkbox],.edit-dialog input[type=checkbox]{width:auto}.admin-form .button{margin-top:25px}.edit-dialog{width:min(980px,96vw);padding:28px;max-height:94dvh}.edit-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.edit-top h2{font-size:35px}.form-section{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.form-section h3{font:28px var(--serif);margin-bottom:15px}.color-editor{padding:18px;background:var(--cream);margin:15px 0}.color-title{display:grid;grid-template-columns:1fr 90px auto;gap:15px;align-items:end}.color-title input[type=color]{padding:4px;height:44px}.color-editor .photo-list{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.photo-edit{width:82px}.photo-edit img{height:96px;width:82px;object-fit:cover}.photo-edit div{display:flex}.photo-edit button{flex:1;border:1px solid var(--line);background:var(--paper);padding:1px;font-size:12px}.upload-label{display:inline-flex!important;cursor:pointer;border:1px dashed var(--gold);padding:9px 14px;font-size:12px}.upload-label input{display:none}.color-editor button,.inline-button{font-size:11px;padding:8px 13px;border:1px solid var(--line);background:var(--paper)}.matrix{overflow:auto}.matrix input{width:90px;padding:7px}.matrix th{font-weight:500}.matrix td,.matrix th{padding:8px;text-align:left;font-size:12px;border-bottom:1px solid var(--line)}.form-actions{display:flex;gap:15px;margin-top:28px;align-items:center;position:sticky;bottom:-28px;background:var(--paper);padding:17px 0;border-top:1px solid var(--line);z-index:3}.danger{color:#a14538!important}.prices-editor input{width:86px;padding:7px;border:1px solid var(--line);background:var(--paper);font-size:12px}.prices-editor input.quality-name{width:145px}.order-card{border:1px solid var(--line);background:var(--paper);padding:22px;margin-bottom:18px}.order-top{display:flex;justify-content:space-between;gap:20px}.order-top h3{font:29px var(--serif)}.order-card p,.order-card li{font-size:12px}.order-card ul{padding-left:20px}.order-card select{padding:8px;border:1px solid var(--line);background:transparent}.order-card details{margin-top:12px}.order-card summary{cursor:pointer;font-size:12px}.metrics{display:flex;gap:15px;margin-bottom:25px}.metric{padding:17px 25px;background:var(--paper);border:1px solid var(--line);flex:1;font-size:12px;color:var(--muted)}.metric strong{display:block;font:34px var(--serif);color:var(--ink)}
@media(max-width:800px){.admin-header{padding:18px 5%}.admin-header>div{gap:15px}.admin-header .text-button{font-size:11px}.admin-layout{grid-template-columns:1fr}.admin-layout aside{min-height:unset;border-right:0;border-bottom:1px solid var(--line);padding:12px 4%;overflow:auto}.admin-layout aside p{display:none}#admin-nav{flex-direction:row;white-space:nowrap}#admin-nav button{font-size:11px;padding:10px 14px}.admin-main{padding:25px 4%}.admin-title h1{font-size:34px}.admin-title .button{font-size:11px;padding:11px;gap:8px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.edit-dialog{padding:22px 18px}.edit-top .close{margin:0;position:static}.color-title{grid-template-columns:1fr 65px}.color-title button{grid-column:1/-1}.admin-table td,.admin-table th{padding:10px}.admin-table .desktop-column{display:none}.metrics{gap:8px}.metric{padding:13px;font-size:10px}.metric strong{font-size:28px}.order-top{flex-wrap:wrap}.form-actions{bottom:-22px}.login-view{padding:30px;margin:5vh auto}}