:root{--ink:#241238;--muted:#746b7d;--cream:#f4efff;--paper:#faf8ff;--rose:#6d28d9;--line:#e7def1;--white:#fff;--green:#39735a;--red:#b4233c;--yellow:#facc15}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;padding:34px 22px;background:var(--ink);color:#fff;display:flex;flex-direction:column;z-index:10}.admin-brand{display:block;margin:0 12px 45px;font-family:Georgia,serif;font-size:22px;font-weight:bold;letter-spacing:4px;text-align:center}.admin-brand small{display:block;margin-top:8px;font:9px Arial,sans-serif;letter-spacing:2px;color:#bcaea7}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:14px;padding:13px 15px;border-radius:5px;color:#cbbfba;font-size:13px}.sidebar nav a span{width:18px;font-size:18px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{background:#423834;color:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid #4a403c;padding-top:15px}.sidebar-bottom a{display:block;padding:9px 15px;color:#b9aaa3;font-size:12px}.admin-shell{margin-left:245px;min-height:100vh}.admin-topbar{height:100px;padding:0 42px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.admin-topbar>div>span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1.3px}.admin-topbar h1{margin:4px 0 0;font:600 25px Georgia,serif}.admin-user{display:flex;align-items:center;gap:10px}.admin-user b{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;color:#fff;background:var(--rose)}.admin-user span{font-size:12px;font-weight:bold}.admin-content{padding:35px 42px 70px}.welcome-panel{padding:38px 40px;background:linear-gradient(120deg,#9e674e,#c89578);color:#fff;display:flex;align-items:center;justify-content:space-between}.welcome-panel span{font-size:9px;letter-spacing:2px}.welcome-panel h2{font:500 30px Georgia,serif;margin:10px 0}.welcome-panel p{margin:0;color:#f0ded4;font-size:13px}.admin-button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border:0;background:var(--ink);color:#fff;font-weight:bold;font-size:12px;cursor:pointer}.admin-button.light{color:var(--ink);background:#fff}.admin-button.secondary{margin-top:8px;color:var(--ink);background:#eee7e2}.admin-button.compact{padding:10px 14px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.stat-card{padding:25px;background:#fff;border:1px solid var(--line)}.stat-card span,.stat-card small{display:block;color:var(--muted);font-size:11px}.stat-card strong{display:block;margin:10px 0 7px;font:600 34px Georgia,serif}.admin-panel{background:#fff;border:1px solid var(--line)}.panel-heading{min-height:85px;padding:20px 25px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-heading h2{font:600 19px Georgia,serif;margin:0 0 6px}.panel-heading p{color:var(--muted);font-size:11px;margin:0}.panel-heading>a:not(.admin-button){color:var(--rose);font-size:11px;font-weight:bold}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th{padding:13px 20px;text-align:left;color:var(--muted);background:#faf8f6;font-size:9px;text-transform:uppercase;letter-spacing:1px}.admin-table td{padding:14px 20px;border-top:1px solid var(--line)}.table-product{min-width:200px;display:flex;align-items:center;gap:13px}.table-product img{width:48px;height:54px;object-fit:cover;background:var(--cream)}.table-product strong,.table-product small{display:block}.table-product small{color:var(--muted);font-size:10px;margin-top:5px}.status{padding:6px 9px;border-radius:20px;color:#6f655f;background:#eee8e4;font-size:9px;font-weight:bold}.status.active{color:var(--green);background:#e5f1eb}.panel-empty{padding:50px;text-align:center;color:var(--muted);font-size:13px}.panel-empty a{color:var(--rose);font-weight:bold}.alert{padding:14px 18px;margin-bottom:20px;color:#fff;background:var(--green);font-size:12px}.alert.error{background:var(--red)}.admin-two-column{display:grid;grid-template-columns:1.4fr .8fr;gap:22px}.sticky-panel{position:sticky;top:20px}.category-admin-list>div{display:flex;align-items:center;gap:14px;padding:15px 22px;border-bottom:1px solid var(--line)}.category-admin-list>div:last-child{border:0}.category-admin-list>div>div{flex:1}.category-admin-list strong,.category-admin-list small{display:block}.category-admin-list small{color:var(--muted);font-size:10px;margin-top:5px}.category-icon{display:grid;place-items:center;width:37px;height:37px;background:var(--cream);color:var(--rose);font-size:19px}.icon-button{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer}.icon-button.danger:hover{color:#fff;background:var(--red);border-color:var(--red)}.admin-form{display:grid;gap:18px;padding:24px}.admin-form label{display:grid;gap:8px;font-size:11px;font-weight:bold}.admin-form label>span{color:var(--rose)}.admin-form input,.admin-form textarea,.admin-form select{width:100%;padding:12px;border:1px solid var(--line);outline:none;background:#fff;font-size:12px}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{border-color:var(--rose)}.product-add-layout{display:grid;grid-template-columns:1fr 300px;gap:22px}.form-section{margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.upload-zone{margin:24px;padding:45px 20px;border:1px dashed #cdbbb1;background:#faf8f6;text-align:center;cursor:pointer}.upload-zone input{display:none}.upload-zone span,.upload-zone strong,.upload-zone small{display:block}.upload-zone span{font-size:28px;color:var(--rose)}.upload-zone strong{font-size:12px;margin:10px}.upload-zone small{color:var(--muted);font-size:10px}.image-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:0 24px 24px}.image-preview img{width:100%;aspect-ratio:1;object-fit:cover}.switch-row{margin:24px;display:flex;align-items:center;justify-content:space-between}.switch-row span strong,.switch-row span small{display:block;font-size:11px}.switch-row span small{margin-top:5px;color:var(--muted);font-size:9px}.switch-row input{display:none}.switch-row i{width:40px;height:22px;padding:3px;border-radius:20px;background:#cfc5bf;transition:.2s}.switch-row i:before{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.switch-row input:checked+i{background:var(--green)}.switch-row input:checked+i:before{transform:translateX(18px)}.product-add-layout aside .admin-button{width:calc(100% - 48px);margin-left:24px}.table-actions{display:flex;gap:7px}.table-actions form{margin:0}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(130deg,#eee0d7,#c49a83)}.login-card{width:min(420px,calc(100% - 30px));padding:45px;background:#fff;box-shadow:0 30px 70px rgba(48,32,25,.17)}.login-card .admin-brand{margin:0 0 40px;color:var(--ink)}.login-card h1{font:600 29px Georgia,serif;margin:0 0 8px}.login-card>p{color:var(--muted);font-size:12px;margin-bottom:30px}.login-card form{display:grid;gap:18px}.login-card label{display:grid;gap:8px;font-size:11px;font-weight:bold}.login-card input{padding:13px;border:1px solid var(--line);outline:none}.login-card .admin-button{margin-top:5px}.back-link{display:block;margin-top:25px;text-align:center;color:var(--muted);font-size:11px}
@media(max-width:900px){.sidebar{position:static;width:100%;height:auto;padding:20px}.sidebar .admin-brand{margin-bottom:20px}.sidebar nav{grid-template-columns:repeat(4,1fr)}.sidebar nav a{justify-content:center}.sidebar-bottom{display:none}.admin-shell{margin:0}.admin-two-column,.product-add-layout{grid-template-columns:1fr}.sticky-panel{position:static}.admin-content{padding:25px}.admin-topbar{padding:0 25px}}
@media(max-width:600px){.sidebar nav{grid-template-columns:repeat(2,1fr)}.admin-content{padding:15px}.admin-topbar{height:82px}.welcome-panel{padding:28px;align-items:flex-start;gap:25px;flex-direction:column}.stat-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.admin-user span{display:none}.image-preview{grid-template-columns:repeat(3,1fr)}}
.sidebar{background:linear-gradient(180deg,#241238,#4c1d7d)}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff18;border-left:3px solid var(--yellow)}.admin-brand{color:#fff}.admin-brand small{color:#d8c5ef}.admin-topbar{box-shadow:0 4px 20px #4c1d950c}.admin-user b{background:var(--rose);box-shadow:0 0 0 4px #f1e9ff}.admin-user span small{display:block;margin-top:4px;color:var(--muted);font-size:9px;font-weight:normal}.welcome-panel{background:linear-gradient(120deg,#4c1d95,#7c3aed)}.welcome-panel p{color:#e4d6f6}.admin-button.light{background:var(--yellow)}.stat-grid{grid-template-columns:repeat(4,1fr)}.stat-card{border-radius:10px;border-top:3px solid var(--rose)}.admin-panel{border-radius:10px;overflow:hidden}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.mini-log-list>div{display:flex;gap:12px;padding:14px 22px;border-bottom:1px solid var(--line)}.mini-log-list>div>span{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 5px #fff8c5}.mini-log-list p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.mini-log-list strong,.mini-log-list small{display:block;color:var(--ink)}.mini-log-list small{margin-top:4px;color:var(--muted);font-size:9px}.permission-denied{padding:70px;text-align:center}.permission-denied h2{font:600 27px Georgia}.users-layout{grid-template-columns:1.25fr .75fr}.user-list{padding:18px;display:grid;gap:14px}.user-card{padding:19px;border:1px solid var(--line);border-radius:9px}.user-card.super-user{border-color:#d4b900;background:#fffbea}.user-card-head{display:flex;align-items:center;gap:12px}.user-card-head>b{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:#fff;background:var(--rose)}.user-card-head>div{flex:1}.user-card-head h3,.user-card-head p{margin:0}.user-card-head h3{font:600 15px Georgia}.user-card-head p{margin-top:4px;color:var(--muted);font-size:10px}.super-note{margin-top:15px;padding:10px;color:#655600;background:#fff3a2;border-radius:5px;font-size:10px;font-weight:bold}.permission-form{margin-top:17px}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.permission-grid label{display:flex;align-items:center;gap:8px;padding:9px;background:var(--cream);border-radius:5px;font-size:10px;font-weight:normal}.permission-grid input{width:auto}.user-actions{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:9px;margin-top:14px}.user-actions>input{width:100%;padding:10px;border:1px solid var(--line);font-size:10px}.inline-check{font-size:10px}.text-danger{margin-top:12px;padding:0;border:0;color:var(--red);background:none;font-size:9px;cursor:pointer}.admin-form fieldset{margin:0;padding:0;border:0}.admin-form legend{margin-bottom:9px;font-size:11px;font-weight:bold}.log-filters{display:flex;align-items:center;gap:10px;padding:18px 24px;background:#faf8ff}.log-filters input,.log-filters select{padding:10px;border:1px solid var(--line);background:#fff;font-size:11px}.log-filters a{color:var(--muted);font-size:10px}.log-item{display:grid;grid-template-columns:12px 1fr auto;gap:14px;padding:18px 24px;border-top:1px solid var(--line)}.log-dot{width:9px;height:9px;margin-top:4px;border-radius:50%;background:var(--rose);box-shadow:0 0 0 5px var(--cream)}.log-main>div{display:flex;align-items:center;gap:10px}.log-main strong{font-size:12px}.log-main code{padding:4px 7px;border-radius:4px;color:var(--rose);background:var(--cream);font-size:9px}.log-main p{margin:8px 0;color:var(--ink);font-size:11px}.log-main small,.log-item time{color:var(--muted);font-size:9px}.login-page{background:radial-gradient(circle at 20% 10%,#8b5cf6,#4c1d95 45%,#241238)}.login-card{border-top:7px solid var(--yellow);border-radius:10px}.login-card .admin-brand{color:var(--rose)}.login-kicker{display:block;margin-bottom:12px;color:var(--rose);font-size:9px;font-weight:bold;letter-spacing:2px}
@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.users-layout{grid-template-columns:1fr}}
@media(max-width:600px){.permission-grid{grid-template-columns:1fr}.user-actions{grid-template-columns:1fr}.log-item{grid-template-columns:10px 1fr}.log-item time{grid-column:2}.log-filters{align-items:stretch;flex-direction:column}}
.status-button{min-width:105px;padding:7px 9px;border:1px solid var(--line);border-radius:4px;background:#fff;font-size:9px;font-weight:bold;cursor:pointer}.status-button.unpublish{color:#8b4d19;background:#fff8ed;border-color:#f0d4ae}.status-button.publish{color:#2e6a4f;background:#edf8f2;border-color:#bfe0ce}.icon-button.edit{color:var(--rose);background:var(--cream)}.existing-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;padding:22px}.existing-gallery article{position:relative;padding:8px;border:1px solid var(--line);border-radius:7px;background:#fff}.existing-gallery img{width:100%;aspect-ratio:1;object-fit:cover}.existing-gallery article>span{position:absolute;left:14px;top:14px;padding:5px 7px;border-radius:20px;color:#fff;background:var(--rose);font-size:8px;font-weight:bold}.existing-gallery article>div{display:flex;justify-content:space-between;gap:6px;margin-top:8px}.existing-gallery button{padding:0;border:0;color:var(--rose);background:none;font-size:9px;font-weight:bold;cursor:pointer}.existing-gallery .danger-link{color:var(--red)}
@media(max-width:700px){.existing-gallery{grid-template-columns:repeat(2,1fr)}.table-actions{min-width:210px}}
.admin-brand-logo{display:flex;flex-direction:column;align-items:center}.admin-brand-logo img{width:205px;height:75px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 5px 12px rgba(0,0,0,.22))}.login-card .admin-brand-logo{margin-left:-10px;margin-right:-10px;padding:8px;border-radius:8px;background:linear-gradient(110deg,#241238,#5b21b6)}.login-card .admin-brand-logo img{filter:drop-shadow(0 4px 9px rgba(0,0,0,.25))}

/* Orders */
.order-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#faf8ff}.order-filters a{display:inline-flex;align-items:center;min-height:32px;padding:8px 13px;border:1px solid transparent;border-radius:8px;color:var(--muted);background:#fff;font-size:10px;font-weight:bold;box-shadow:0 2px 7px rgba(76,29,149,.06);transition:.2s}.order-filters a:hover{color:var(--rose);border-color:#cdb7ed;transform:translateY(-1px)}.order-filters a.active{color:#fff;background:linear-gradient(135deg,#5b21b6,#7c3aed);box-shadow:0 7px 16px rgba(91,33,182,.22)}.table-subtext{display:block;margin-top:5px;color:var(--muted);font-size:9px}.order-status{display:inline-block;padding:7px 9px;border-radius:20px;font-size:9px;font-weight:bold}.status-new{color:#7a4b00;background:#fff0b8}.status-preparing{color:#4c1d95;background:#eee4ff}.status-shipped{color:#075b75;background:#dff6ff}.status-completed{color:#246343;background:#e3f4ea}.status-cancelled{color:#8f2538;background:#ffe5ea}.order-detail-grid{display:grid;grid-template-columns:1fr 300px;gap:22px}.admin-order-items article{display:grid;grid-template-columns:78px 1fr;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line)}.ordered-product-image{width:78px!important;height:88px!important;max-width:78px!important;border-radius:8px;object-fit:cover;background:var(--cream)}.ordered-item-main>span{color:var(--muted);font-size:9px;font-weight:bold}.ordered-item-main h3{margin:7px 0 12px;font:600 17px Georgia}.customer-entry{max-width:560px;margin-top:11px;padding:12px;border-radius:7px;background:var(--cream)}.customer-entry>small,.customer-details small,.payment-admin-note small{display:block;margin-bottom:7px;color:var(--rose);font-size:8px;font-weight:bold;letter-spacing:1.5px}.customer-entry p{margin:0;line-height:1.6;font-size:11px}.customer-image-link{display:inline-flex;align-items:center;gap:12px;color:var(--rose);font-size:10px;font-weight:bold}.customer-image-link img{width:88px!important;height:88px!important;max-width:88px!important;border-radius:7px;object-fit:cover;box-shadow:0 5px 14px rgba(40,18,65,.13)}.customer-details{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.customer-details>div{min-height:95px;padding:20px;background:#fff}.customer-details .wide{grid-column:1/-1}.customer-details strong,.customer-details a,.customer-details span{font-size:12px}.customer-details p{margin:0;font-size:11px;line-height:1.7}.order-status-form{display:grid;gap:12px;padding:24px}.order-status-form label{display:grid;gap:8px;font-size:10px;font-weight:bold}.order-status-form select{padding:12px;border:1px solid var(--line);background:#fff}.order-status-form .admin-button{width:100%;margin:0}.payment-admin-note{margin:0 24px 24px;padding:15px;border-radius:7px;background:var(--cream)}.payment-admin-note strong,.payment-admin-note span{display:block}.payment-admin-note strong{margin-bottom:5px;font-size:12px}.payment-admin-note span{color:var(--muted);font-size:9px}
@media(max-width:1050px){.order-detail-grid{grid-template-columns:1fr}.order-detail-grid .sticky-panel{position:static}}
@media(max-width:650px){.panel-heading{align-items:flex-start;gap:15px;flex-direction:column}.order-filters{justify-content:flex-start}.admin-order-items article{grid-template-columns:64px 1fr;padding:15px}.ordered-product-image{width:64px!important;height:74px!important;max-width:64px!important}.customer-image-link img{width:72px!important;height:72px!important;max-width:72px!important}.customer-details{grid-template-columns:1fr}.customer-details .wide{grid-column:auto}}
.status-invoiced{color:#234f8f;background:#e5efff}.item-shipping{display:inline-block;margin-bottom:8px;padding:5px 8px;border-radius:5px;color:#4c1d95;background:#eee4ff;font-size:9px;font-weight:bold}.order-money-breakdown{margin:0 24px 24px;border:1px solid var(--line);border-radius:7px;overflow:hidden}.order-money-breakdown>div{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line);font-size:10px}.order-money-breakdown>div:last-child{border:0;color:var(--rose);background:var(--cream);font-size:12px}.admin-form label small{color:var(--muted);font-size:9px;font-weight:normal}
.order-tool-buttons{display:grid;gap:9px;padding:18px 24px 0}.order-tool-buttons a{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:#faf8ff;transition:.2s}.order-tool-buttons a:hover{border-color:#bda0e6;transform:translateY(-2px);box-shadow:0 8px 18px rgba(76,29,149,.1)}.order-tool-buttons a>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:7px;color:#fff;background:var(--rose);font-size:18px}.order-tool-buttons strong{font-size:10px}.order-tool-buttons small{margin-top:3px;color:var(--muted);font-size:8px}
.order-row-actions{min-width:205px;display:flex;gap:6px}.order-row-actions a{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:5px;color:#fff;font-size:9px;font-weight:bold}.order-row-actions .detail{background:#241238}.order-row-actions .barcode{background:#6d28d9}.order-row-actions .invoice{background:#39735a}.order-row-actions a:hover{filter:brightness(1.12);transform:translateY(-1px)}
@media(max-width:900px){.order-row-actions{min-width:190px}}
@media(max-width:560px){.order-row-actions{min-width:0;flex-direction:column}}
.danger-zone{display:grid;grid-template-columns:1fr 390px;gap:28px;align-items:center;margin-top:24px;padding:25px;border:1px solid #e9a8b4;border-left:6px solid var(--red);background:#fff8f9}.danger-zone-copy>span{display:block;margin-bottom:7px;color:var(--red);font-size:8px;font-weight:bold;letter-spacing:2px}.danger-zone-copy h2{margin:0 0 8px;font:600 20px Georgia}.danger-zone-copy p{max-width:650px;margin:0;color:var(--muted);font-size:11px;line-height:1.65}.danger-zone form{display:grid;gap:10px}.danger-zone label{display:grid;gap:7px;color:var(--muted);font-size:9px}.danger-zone label strong{color:var(--red)}.danger-zone input{width:100%;padding:11px;border:1px solid #e2b3bc;border-radius:5px;outline:none;background:#fff}.danger-zone input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(180,35,60,.08)}.danger-zone button{padding:12px;border:0;border-radius:5px;color:#fff;background:var(--red);font-size:10px;font-weight:bold;cursor:pointer}.danger-zone button:hover{background:#8f1c31}@media(max-width:850px){.danger-zone{grid-template-columns:1fr}}
