:root{color-scheme:light;--ink:#18201c;--muted:#68706b;--line:#dfe4df;--surface:#fff;--canvas:#f4f6f2;--accent:#1f5c42;--accent-soft:#e6f1eb;--danger:#a43737;--danger-soft:#fff0ed;--shadow:0 12px 36px rgba(24,32,28,.07);scrollbar-gutter:stable;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;color:var(--ink);background:var(--canvas);font-size:15px;line-height:1.55}a{color:var(--accent);text-underline-offset:3px}a:hover{color:#123c2a}button,input,select,textarea{font:inherit}.button,button{min-height:40px;border:1px solid var(--accent);border-radius:9px;padding:8px 15px;color:#fff;background:var(--accent);font-weight:650;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.button:hover{color:#fff}.button:hover,button:hover{background:#174a35;box-shadow:0 5px 14px rgba(31,92,66,.18);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55;transform:none}input,select,textarea{width:100%;min-height:42px;border:1px solid #cbd2cc;border-radius:9px;padding:9px 11px;color:var(--ink);background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease}textarea{min-height:104px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(31,92,66,.12)}input::placeholder,textarea::placeholder{color:#929994}label{display:grid;grid-gap:6px;gap:6px;color:#424a45;font-size:13px;font-weight:650}form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}form>label{flex:1 1 240px}main>dl,main>form,main>section,main>ul{margin-top:20px;border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--surface);box-shadow:0 1px 1px rgba(24,32,28,.025)}h1,h2,h3{margin:0;line-height:1.18;letter-spacing:-.025em}h1{font-size:clamp(27px,3vw,38px)}h2{margin-top:34px;font-size:22px}h3{margin-top:24px;font-size:17px}p{margin:10px 0}[role=alert]{border:1px solid #efb5ac;border-radius:10px;padding:11px 14px;color:#872a23!important;background:var(--danger-soft);font-weight:600}.admin-layout{min-height:100vh}.admin-sidebar{position:fixed;inset:0 auto 0 0;z-index:10;display:flex;width:244px;flex-direction:column;border-right:1px solid #24382e;padding:24px 16px 18px;color:#eef4f0;background:#15271f}.admin-brand{display:flex;align-items:center;gap:11px;margin:0 6px 29px;color:#fff;font-size:18px;font-weight:800;letter-spacing:.04em;text-decoration:none}.admin-brand:hover{color:#fff}.admin-brand small{display:block;color:#91aa9c;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.admin-brand-mark{display:inline-grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:10px;color:#173327;background:#a8d8bb;font-weight:900}.admin-nav{display:grid;grid-gap:4px;gap:4px}.admin-nav a{display:flex;min-height:44px;align-items:center;gap:11px;border-radius:9px;padding:9px 11px;color:#bcc9c1;font-weight:600;text-decoration:none}.admin-nav a:hover{color:#fff;background:hsla(0,0%,100%,.07)}.admin-nav a.is-active{color:#fff;background:#28563f}.nav-icon{display:grid;width:22px;place-items:center;font-size:18px}.admin-user{display:flex;align-items:center;gap:9px;margin-top:auto;border-top:1px solid #31443a;padding:18px 5px 0}.user-avatar{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:50%;color:#173327;background:#a8d8bb;font-weight:800}.user-details{display:grid;min-width:0;flex:1 1;line-height:1.25}.user-details strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.user-details small{color:#91aa9c;font-size:11px}.admin-user form{display:block}.logout-button{min-height:34px;width:34px;border:0;padding:0;color:#b8c9c0;background:transparent;font-size:20px}.logout-button:hover{color:#fff;background:hsla(0,0%,100%,.08);box-shadow:none}.admin-content{min-height:100vh;margin-left:244px}.admin-content main{width:min(1380px,100%);margin:0 auto;padding:44px 42px 80px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.page-description{color:var(--muted);font-size:16px}.filter-bar{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 8px}.filter-bar a{border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:#56605a;background:#fff;font-size:13px;font-weight:650;text-decoration:none}.filter-bar a:hover{border-color:#b5c7bb}.filter-bar a.is-active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;color:#58615c;background:#edf0ed;font-size:12px;font-weight:700;white-space:nowrap}.status-delivered,.status-paid,.status-published,.status-resolved{color:#17633e;background:#e3f3e9}.status-callback,.status-pending{color:#77540c;background:#fff2cf}.status-cancelled,.status-spam{color:#99372f;background:#fde8e5}.status-in_progress,.status-shipped{color:#285d88;background:#e5f1fb}.empty-state{border:1px dashed #ccd3cd;border-radius:12px;padding:24px;color:var(--muted);text-align:center}.order-delivery-card>h2{margin-top:0}.order-delivery-card dl{margin-top:14px}.order-delivery-card dd{overflow-wrap:anywhere}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;border:0;padding:0;background:transparent;box-shadow:none}.dashboard-card{position:relative;display:grid;min-height:170px;align-content:start;border:1px solid var(--line);border-radius:15px;padding:22px;color:var(--ink);background:var(--surface);text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.dashboard-card:hover{border-color:#b8c9be;color:var(--ink);box-shadow:var(--shadow);transform:translateY(-2px)}.dashboard-card strong{margin-top:18px;font-size:18px}.dashboard-card small{margin-top:4px;color:var(--muted)}.card-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;color:var(--accent);background:var(--accent-soft);font-size:19px;font-weight:800}.card-arrow{position:absolute;top:22px;right:22px;color:#9aa39d;font-size:21px}table{width:100%;margin-top:20px;border:1px solid var(--line);border-collapse:separate;border-spacing:0;border-radius:13px;background:var(--surface);box-shadow:0 1px 1px rgba(24,32,28,.025)}td,th{padding:13px 15px;border-bottom:1px solid #e8ebe8;text-align:left;vertical-align:middle}th{color:#6c756f;background:#f8f9f7;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}th:first-child{border-radius:12px 0 0}th:last-child{border-radius:0 12px 0 0}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbf9}td form{display:inline-flex;margin:2px 4px 2px 0}td input,td select{min-width:105px}td button{min-height:34px;padding:6px 10px;font-size:12px}.danger-button{border-color:#e0b4ae;color:var(--danger);background:#fff}.danger-button:hover{color:#812b25;background:var(--danger-soft);box-shadow:none}.media-manager{margin-top:20px;border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--surface)}.media-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.media-toolbar>div{display:grid}.media-toolbar strong{font-size:17px}.media-toolbar small{color:var(--muted)}.media-status{border-radius:999px;padding:5px 10px;color:var(--accent);background:var(--accent-soft);font-size:12px;font-weight:700}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:13px;gap:13px}.media-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:-webkit-grab;cursor:grab;transition:opacity .15s ease,border-color .15s ease,box-shadow .15s ease}.media-card:hover{border-color:#b5c7bb;box-shadow:0 8px 22px rgba(24,32,28,.08)}.media-card:active{cursor:-webkit-grabbing;cursor:grabbing}.media-card.is-dragging{opacity:.42}.media-image-wrap{position:relative;aspect-ratio:4/3;overflow:hidden;background:#edf0ec}.media-image-wrap img{display:block;width:100%;height:100%;object-fit:cover}.media-position{position:absolute;top:9px;left:9px;border-radius:999px;padding:4px 8px;color:#fff;background:rgba(21,39,31,.82);font-size:11px;font-weight:750;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.media-card-body{padding:11px}.media-alt{display:block;overflow:hidden;margin-bottom:10px;color:#4e5751;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.media-actions{display:flex;gap:6px}.media-actions button{min-height:32px;padding:5px 9px;font-size:12px}.media-actions .danger-button{margin-left:auto}.media-empty{border:1px dashed #cbd3cc;border-radius:11px;padding:30px 20px;color:var(--muted);background:#fafbf9;text-align:center}.media-uploader{display:grid;margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.media-dropzone{position:relative;display:grid;min-height:155px;place-items:center;align-content:center;grid-gap:3px;gap:3px;border:2px dashed #b9c6bd;border-radius:12px;padding:22px;color:#465049;background:#f7faf7;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.media-dropzone.is-active,.media-dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}.media-dropzone small{color:var(--muted);font-weight:500}.media-dropzone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-icon{display:grid;width:38px;height:38px;margin-bottom:5px;place-items:center;border-radius:50%;color:var(--accent);background:var(--accent-soft);font-size:22px}.upload-previews{display:flex;gap:8px;overflow-x:auto;padding:2px}.upload-previews img{width:72px;height:58px;flex:0 0 auto;border:1px solid var(--line);border-radius:8px;object-fit:cover}.upload-fields{display:flex;align-items:flex-end;gap:12px}.upload-fields label{flex:1 1}.upload-fields button{flex:0 0 auto}main>ul{list-style:none;padding:18px 22px}main>ul>li{border-bottom:1px solid var(--line);padding:14px 0}main>ul>li:last-child{border-bottom:0}section>ul{padding-left:20px}dl{display:grid;grid-template-columns:minmax(140px,220px) 1fr;grid-gap:0;gap:0}dd,dt{margin:0;border-bottom:1px solid var(--line);padding:11px 0}dt{color:var(--muted);font-weight:650}dd{font-weight:550}.login-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(circle at 65% 15%,#dfece4,transparent 36%),#eff2ed}.login-card{width:min(440px,100%);border:1px solid var(--line);border-radius:18px;padding:36px;background:#fff;box-shadow:0 24px 70px rgba(28,53,41,.12)}.login-card .login-brand{display:flex;align-items:center;gap:10px;margin-bottom:34px;font-weight:850;letter-spacing:.04em}.login-card h1{font-size:29px}.login-card form{display:grid;margin-top:26px}.login-card form>label{display:grid}.login-card button{width:100%;margin-top:6px}*{scrollbar-width:thin;scrollbar-color:#8a8a8a #e9e5dc}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#e9e5dc}::-webkit-scrollbar-thumb{min-height:44px;border:3px solid #e9e5dc;border-radius:999px;background:#8a8a8a}::-webkit-scrollbar-thumb:hover{background:#4a4a4a}@media (max-width:900px){.admin-sidebar{inset:0 0 auto;width:100%;height:68px;flex-direction:row;align-items:center;overflow-x:auto;padding:10px 14px}.admin-brand{margin:0 14px 0 0}.admin-brand>span:last-child{display:none}.admin-nav{display:flex;gap:3px}.admin-nav a{white-space:nowrap}.nav-icon{display:none}.admin-user{margin:0 0 0 auto;border:0;padding:0 0 0 12px}.user-details{display:none}.admin-content{margin:68px 0 0}.admin-content main{padding:30px 22px 60px;overflow-x:auto}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.admin-nav a{min-height:40px;padding:8px 10px;font-size:13px}.user-avatar{display:none}.admin-content main{padding:26px 16px 48px}.dashboard-grid{grid-template-columns:1fr}.dashboard-card{min-height:145px}.login-card{padding:28px 22px}main>dl,main>form,main>section,main>ul{padding:17px}dl{grid-template-columns:1fr}dt{border-bottom:0;padding-bottom:0}dd{padding-top:3px}table{min-width:680px}.media-manager{padding:15px}.media-toolbar{align-items:flex-start;flex-direction:column}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-actions{flex-wrap:wrap}.media-actions .danger-button{width:100%;margin-left:0}.upload-fields{align-items:stretch;flex-direction:column}.upload-fields button{width:100%}}