body.admin-site{
  --admin-paper:#f7f6f0;
  --admin-surface:#fff;
  --admin-mist:#e5e9de;
  --admin-sage:#9caf97;
  --admin-forest:#173c2c;
  --admin-leaf:#50705a;
  --admin-ink:#243129;
  --admin-muted:#68716b;
  --admin-line:#d9ded2;
  --admin-sand:#eee9df;
  --admin-danger:#a94545;
  --admin-shadow:0 20px 55px rgba(23,60,44,.1);
  --admin-soft:0 10px 28px rgba(23,60,44,.07);
  background:var(--admin-paper);
  color:var(--admin-ink)
}

body.admin-site .admin{grid-template-columns:270px 1fr;min-height:100vh;background:var(--admin-paper)}
body.admin-site .sidebar{background:linear-gradient(180deg,#173c2c,#0f2e22);color:#dce8d7;padding:28px 20px;gap:24px}
body.admin-site .sidebar-head{padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.16)}
body.admin-site .sidebar .brand{color:#fff;font-size:17px;gap:9px}
body.admin-site .sidebar .petal-mark{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;box-shadow:none}
body.admin-site .sidebar-close{color:#dce8d7}
body.admin-site .side-label{color:#a9c0aa;font-size:10px;letter-spacing:.09em;font-weight:900}
body.admin-site .side-nav{gap:7px}
body.admin-site .side-link{padding:12px 14px;border-radius:14px;color:#dce8d7;font-size:13px;font-weight:800;opacity:.9;transition:background .2s ease,color .2s ease,transform .2s ease}
body.admin-site .side-link:hover{background:rgba(255,255,255,.1);color:#fff;transform:translateX(-2px)}
body.admin-site .side-link.is-active{background:#dce8d7;color:var(--admin-forest);opacity:1}
body.admin-site .sidebar-backdrop{background:rgba(23,60,44,.42);backdrop-filter:blur(3px)}

body.admin-site .admin-main{padding:30px 38px 72px;background:var(--admin-paper)}
body.admin-site .admin-bar{min-height:58px;margin-bottom:28px;padding:10px 14px;border:1px solid var(--admin-line);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:var(--admin-soft);backdrop-filter:blur(12px)}
body.admin-site .admin-bar-right{gap:14px}
body.admin-site .mobile-brand{color:var(--admin-forest);font-size:17px;font-weight:900}
body.admin-site .admin-bar-actions{gap:8px}
body.admin-site .admin-hamburger{background:var(--admin-surface);border-color:var(--admin-line);border-radius:13px}
body.admin-site .admin-hamburger span{background:var(--admin-forest)}

body.admin-site .btn{border-radius:999px;background:var(--admin-forest);border-color:var(--admin-forest);color:#fff;box-shadow:none;font-weight:800;transition:background .2s ease,border-color .2s ease,transform .2s ease}
body.admin-site .btn:hover{background:#28533e;border-color:#28533e;box-shadow:none;transform:translateY(-1px)}
body.admin-site .btn-outline{background:var(--admin-surface);color:var(--admin-forest);border-color:var(--admin-line)}
body.admin-site .btn-outline:hover{background:var(--admin-mist);color:var(--admin-forest);border-color:var(--admin-line)}
body.admin-site .btn-danger{background:var(--admin-danger);border-color:var(--admin-danger);color:#fff}
body.admin-site .btn-danger:hover{background:#8d3737;border-color:#8d3737}
body.admin-site a:focus-visible,body.admin-site button:focus-visible,body.admin-site input:focus-visible,body.admin-site select:focus-visible,body.admin-site textarea:focus-visible{outline:2px solid var(--admin-leaf);outline-offset:3px}

body.admin-site .alert{border-radius:16px;margin-bottom:22px;padding:14px 18px;box-shadow:none}
body.admin-site .alert-success{background:#e8f0e5;color:#28533e;border-color:#c4d8c2}
body.admin-site .alert-error{background:#f9e9e7;color:#8d3737;border-color:#e9c4bf}
body.admin-site .page-head{margin-bottom:26px}
body.admin-site .page-head h1{color:var(--admin-forest);font-size:30px;letter-spacing:-.04em}
body.admin-site .eyebrow{color:var(--admin-leaf);font-weight:900}
body.admin-site .card{background:var(--admin-surface);border-color:var(--admin-line);border-radius:24px;padding:24px;box-shadow:var(--admin-soft)}
body.admin-site .card + .card{margin-top:20px}
body.admin-site .toolbar{margin-bottom:20px;gap:14px}
body.admin-site .toolbar h2,body.admin-site .toolbar h3{color:var(--admin-forest)}
body.admin-site .table-wrap{border:1px solid var(--admin-line);border-radius:18px;background:var(--admin-surface);overflow:auto}
body.admin-site table.admin-table{font-size:13px;min-width:760px}
body.admin-site table.admin-table th{padding:14px 13px;border-bottom:1px solid var(--admin-line);background:#fbfcf8;color:var(--admin-muted);font-weight:900}
body.admin-site table.admin-table td{padding:14px 13px;border-bottom:1px solid var(--admin-line)}
body.admin-site table.admin-table tbody tr:last-child td{border-bottom:0}
body.admin-site table.admin-table tbody tr:hover{background:#fbfcf8}
body.admin-site .row-actions{gap:7px;flex-wrap:wrap}
body.admin-site .thumb-sm{border-color:var(--admin-line);border-radius:12px;background:var(--admin-sand)}
body.admin-site .status-pill{padding:5px 11px;border-radius:999px;font-weight:900}
body.admin-site .status-on{background:#e8f0e5;color:#28533e}
body.admin-site .status-off{background:#eef0ec;color:var(--admin-muted)}
body.admin-site .empty-state{padding:58px 20px;color:var(--admin-muted)}

body.admin-site .form-grid{gap:20px}
body.admin-site .form-row{margin-bottom:19px}
body.admin-site .form-row label{color:var(--admin-forest);font-size:13px;font-weight:900}
body.admin-site .form-row input,body.admin-site .form-row textarea,body.admin-site .form-row select,
body.admin-site input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),body.admin-site select,body.admin-site textarea{border-color:var(--admin-line);border-radius:14px;background:#fffdfb;color:var(--admin-ink)}
body.admin-site .form-row input:focus,body.admin-site .form-row textarea:focus,body.admin-site .form-row select:focus,
body.admin-site input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,body.admin-site select:focus,body.admin-site textarea:focus{border-color:var(--admin-leaf);outline:2px solid rgba(80,112,90,.25)}
body.admin-site .checkbox-row{color:var(--admin-ink)}
body.admin-site .checkbox-row input,body.admin-site .remember-row input{accent-color:var(--admin-leaf)}
body.admin-site .help-text{color:var(--admin-muted)}
body.admin-site .repeater-row,body.admin-site .repeater-row.attr-value-row{border-color:var(--admin-line);border-radius:16px;background:#fbfcf8;padding:14px}
body.admin-site .repeater-remove{border-color:#e0b9b4;border-radius:999px;color:var(--admin-danger);background:#fff8f7}
body.admin-site .image-grid-admin figure{border-color:var(--admin-line);border-radius:16px;background:#fbfcf8}
body.admin-site .image-grid-admin label{border-radius:10px;color:var(--admin-forest)}
body.admin-site .stats-grid{grid-auto-rows:132px;align-items:stretch;row-gap:20px}
body.admin-site .stats-grid .card+ .card{margin-top:0}
body.admin-site .stats-grid>.stat-card-admin{position:relative;overflow:hidden;height:132px!important;min-height:132px!important;max-height:132px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:7px;background:linear-gradient(145deg,#fff 0%,#f4f7ef 100%);border-color:var(--admin-line);border-radius:22px;box-shadow:var(--admin-soft)}
body.admin-site .stat-card-admin::before{content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:5px;background:var(--admin-leaf)}
body.admin-site .stat-card-admin h2{margin:0;color:var(--admin-forest);font-size:34px}
body.admin-site .stat-card-admin .help-text{margin:0;font-weight:800}
body.admin-site .product-images-manager{gap:12px}
body.admin-site .pim-row{border-color:var(--admin-line);border-radius:16px;background:#fbfcf8}
body.admin-site .pim-thumb{border-color:var(--admin-line);border-radius:12px;background:var(--admin-sand)}
body.admin-site .pim-order-input{border-color:var(--admin-line);border-radius:10px;background:#fff}
body.admin-site .pim-delete-label{color:var(--admin-danger)}

body.admin-site .auth-page{background:radial-gradient(circle at 20% 20%,#e5e9de 0 24%,transparent 25%),linear-gradient(135deg,#173c2c 0%,#28533e 100%);padding:24px}
body.admin-site .auth-card{width:min(440px,100%);padding:44px 38px;border:1px solid rgba(255,255,255,.3);border-radius:30px;background:rgba(255,255,255,.97);box-shadow:0 24px 70px rgba(8,35,24,.25)}
body.admin-site .auth-card .petal-mark{background:var(--admin-mist);color:var(--admin-forest);box-shadow:none}
body.admin-site .auth-card h1{color:var(--admin-forest)}
body.admin-site .auth-card > p{color:var(--admin-muted)}
body.admin-site .remember-row{color:var(--admin-muted)}

@media (max-width:900px){
  body.admin-site .sidebar{padding:24px 20px;background:linear-gradient(180deg,#173c2c,#0f2e22);box-shadow:-18px 0 45px rgba(23,60,44,.2)}
  body.admin-site .admin-main{padding:18px 20px 58px}
  body.admin-site .admin-bar{margin-bottom:22px;padding:10px;border-radius:18px}
}

@media (max-width:720px){
  body.admin-site .admin-main{padding:14px 14px 48px}
  body.admin-site .admin-bar{align-items:stretch;gap:12px;flex-direction:column}
  body.admin-site .admin-bar-actions{justify-content:stretch}
  body.admin-site .admin-bar-actions>*{flex:1}
  body.admin-site .admin-bar-actions .btn{width:100%}
  body.admin-site .card{padding:18px;border-radius:22px}
  body.admin-site .page-head h1{font-size:24px}
  body.admin-site .stats-grid{grid-auto-rows:126px}
  body.admin-site .stats-grid>.stat-card-admin{height:126px!important;min-height:126px!important;max-height:126px}
  body.admin-site .repeater-row.attr-value-row{grid-template-columns:1fr}
  body.admin-site .pim-row{align-items:flex-start;flex-wrap:wrap}
  body.admin-site .pim-controls{min-width:0;width:100%}
  body.admin-site table.admin-table{min-width:680px}
}