.admin-body{background:#f6f5f7}.login-view{min-height:100dvh;display:grid;align-content:center;justify-content:center;padding:30px 20px}.login-brand{text-align:center;height:140px;overflow:hidden;margin-bottom:20px}.login-brand img{width:200px;height:200px;mix-blend-mode:multiply;transform:translateY(-30px)}.login-card{background:white;border-radius:28px;border:1px solid var(--line);padding:36px;width:min(420px,calc(100vw - 40px))}.login-card h1{font-size:39px;letter-spacing:-.045em}.login-card>p{font-size:14px;color:var(--muted);margin:15px 0 30px}.login-card .eyebrow{font-size:10px;margin-bottom:16px}.login-back{display:block;text-align:center;font-size:13px;color:var(--muted);margin-top:25px}.admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:100dvh}.sidebar{background:#fff;position:fixed;inset:0 auto 0 0;width:240px;border-right:1px solid var(--line);padding:30px 23px;display:flex;flex-direction:column;z-index:10}.sidebar .brand{font-size:23px}.sidebar-caption{font-size:9px;letter-spacing:.15em;color:var(--muted);margin:28px 5px 22px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav button{text-align:left;border:0;background:transparent;border-radius:12px;padding:13px 16px;font-size:19px;display:flex;gap:12px;align-items:center;color:#8b828d}.sidebar nav button span{font-size:14px;color:#5a535f}.sidebar nav button.selected{background:var(--pale);color:var(--pink)}.sidebar nav button.selected span{color:#be2259;font-weight:600}.sidebar-bottom{margin-top:auto;font-size:13px;color:var(--muted);padding:35px 8px 0}.sidebar-bottom>a{display:block;margin-bottom:26px}#user-label{font-size:13px;color:var(--ink);margin-bottom:8px}.admin-main{grid-column:2;min-width:0;padding:0 40px 50px}.admin-top{display:flex;align-items:center;justify-content:space-between;min-height:85px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:36px}.view-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.view-heading h1{font-size:36px;font-weight:550;letter-spacing:-.045em}.view-heading p{font-size:14px;color:var(--muted);margin-top:9px}.view-heading .button{min-height:42px;padding:10px 18px;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:30px}.stat{background:#fff;border:1px solid var(--line);padding:22px;border-radius:19px}.stat span{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:29px;font-weight:550;letter-spacing:-.04em;margin-top:10px}.stat small{font-size:11px;color:var(--muted)}.stat.accent{background:#f9e6ed;border-color:#efd7e0}.admin-toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;margin:20px 0}.admin-toolbar input,.admin-toolbar select{margin:0;max-width:300px;padding:11px 13px;font-size:14px}.admin-toolbar .pills{gap:5px}.admin-toolbar .pill{padding:8px 13px;font-size:12px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px;white-space:nowrap}th{font-weight:500;font-size:11px;color:var(--muted);letter-spacing:.03em;background:#fcfbfc;padding:17px}td{padding:17px;border-top:1px solid #f0edf1}td small{display:block;font-size:11px;color:var(--muted);margin-top:5px}tr[data-order]{cursor:pointer}tr[data-order]:hover{background:#fdf7fa}.status{display:inline-block;padding:5px 9px;border-radius:7px;font-size:11px;background:#f2f0f4;color:#726777}.status.new{background:#ffebf2;color:#be2259}.status.confirmed{background:#edf0ff;color:#4e63b0}.status.assembling{background:#fff2d9;color:#956d20}.status.ready{background:#e5f3ed;color:#398368}.status.completed{background:#edf0ee;color:#607769}.status.cancelled{background:#f2eeee;color:#9d7171}.table-empty{padding:70px 20px;text-align:center;color:var(--muted);font-size:14px}.table-empty strong{display:block;font-size:20px;color:var(--ink);margin-bottom:10px;font-weight:550}.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;margin-bottom:25px;max-width:850px}.panel h2{font-size:22px;margin-bottom:20px}.panel h3{font-size:17px;font-weight:550;margin:28px 0 18px}.panel>p{color:var(--muted);font-size:14px;margin-bottom:20px}.admin-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.admin-product{background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden}.admin-product>img{width:100%;height:220px;object-fit:cover}.admin-product>div{padding:20px}.admin-product h3{font-size:19px;font-weight:550;margin-bottom:9px}.admin-product p{font-size:13px;color:var(--muted);margin-bottom:16px}.admin-product .button{min-height:40px;padding:9px 18px;font-size:13px}.order-detail-title{font-size:14px;color:var(--muted);margin:22px 0 7px}.order-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;background:#f0edf1;border-radius:16px;font-size:14px}.order-meta small{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.order-line{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.order-detail-note{font-size:14px;white-space:pre-wrap;background:#fdf2f6;padding:14px;border-radius:12px;margin:15px 0}.order-form{margin-top:22px}.toggle-row{display:flex;gap:12px;background:#fbf0f5;border-radius:12px;padding:15px}.toggle-row input{width:20px;height:20px;accent-color:var(--pink);margin:3px 0}.toggle-row>span{font-size:14px}.toggle-row small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.settings-form .form-row{align-items:start}.settings-form textarea{font-size:14px}.helper{color:var(--muted);font-size:12px;margin:-6px 0 20px}.audit-item{font-size:14px;padding:17px 0;border-bottom:1px solid var(--line)}.audit-item small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.view-error{background:#fff0f4;color:#a32e50;padding:20px;border-radius:15px}.error:empty{display:none}.mobile-order-list{display:none}.password-panel{max-width:480px}.admin-top button{font-size:12px}.edit-image-preview{width:100%;height:150px;object-fit:cover;border-radius:15px;margin-bottom:15px}
@media(max-width:1200px){.admin-main{padding:0 25px 35px}.admin-layout{grid-template-columns:210px 1fr}.sidebar{width:210px;padding:28px 16px}.stats{gap:10px}.stat{padding:17px}.stat strong{font-size:25px}.admin-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-toolbar{flex-wrap:wrap}}
@media(max-width:850px){.admin-layout{display:block}.sidebar{position:sticky;top:0;width:100%;inset:auto;background:#fffe;backdrop-filter:blur(18px);padding:13px 20px;border-bottom:1px solid var(--line);border-right:0}.sidebar .brand{font-size:21px}.sidebar .brand img{width:35px;height:24px}.sidebar-caption{display:none}.sidebar nav{flex-direction:row;overflow-x:auto;margin-top:13px;gap:5px}.sidebar nav button{padding:8px 13px;font-size:0;gap:0;white-space:nowrap}.sidebar nav button span{font-size:12px}.sidebar-bottom{position:absolute;right:20px;top:16px;margin:0;padding:0}.sidebar-bottom>a,#user-label{display:none}.sidebar-bottom button{font-size:12px}.admin-main{padding:0 20px 30px}.admin-top{min-height:58px;margin-bottom:25px;font-size:11px}.view-heading h1{font-size:29px}.view-heading p{font-size:12px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{padding:17px}.admin-toolbar input{max-width:none}.view-heading{align-items:flex-start}.view-heading .button{font-size:12px;gap:4px;white-space:nowrap}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-toolbar .pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.admin-toolbar .pill{white-space:nowrap}.table-wrap.orders-table{display:none}.mobile-order-list{display:grid;gap:12px}.mobile-order{background:white;border:1px solid var(--line);padding:18px;border-radius:17px;text-align:left}.mobile-order>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:14px}.mobile-order>p{font-size:13px;color:var(--muted)}.mobile-order>small{display:block;margin-top:12px;font-size:12px;color:var(--muted)}.panel{padding:22px}.admin-product>img{height:180px}.admin-product>div{padding:15px}.admin-product h3{font-size:17px}.admin-product-grid{gap:14px}}
@media(max-width:450px){.admin-main{padding:0 15px 30px}.sidebar{padding:13px 15px}.panel{padding:19px}.settings-form .form-row{grid-template-columns:1fr;gap:0}.admin-product-grid{grid-template-columns:1fr}.admin-product{display:grid;grid-template-columns:38% 1fr}.admin-product>img{height:100%;min-height:180px}.view-heading p{max-width:200px}.order-meta{gap:12px;padding:15px}.stat strong{font-size:26px}}