:root{--ui-radius:16px;--ui-text:#17221d;--ui-muted:#6e7d76;--ui-line:rgba(24,56,43,.11);--ui-canvas:#f5f8f6;--ui-surface:rgba(255,255,255,.94);--ui-shadow:0 14px 42px rgba(22,55,41,.08)}
html{color-scheme:light}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a,button,input,select,textarea{transition:border-color .2s,box-shadow .2s,background .2s,color .2s,transform .2s}button:active,.btn:active,.button:active{transform:translateY(1px)}
.page-admin,.page-catalog{background:radial-gradient(circle at 6% 0%,color-mix(in srgb,var(--p,var(--green)) 10%,transparent),transparent 32rem),var(--ui-canvas)}
.page-admin .top,.page-catalog .top{background:linear-gradient(115deg,var(--dark),color-mix(in srgb,var(--dark) 78%,var(--p,var(--green))));border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 10px 32px rgba(10,31,23,.16)}
.page-admin .brand-logo,.page-catalog .brand-logo{filter:drop-shadow(0 5px 12px rgba(0,0,0,.18))}.page-admin .back,.page-catalog .back{padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.08)}.page-admin .back:hover,.page-catalog .back:hover{color:#fff;background:rgba(255,255,255,.15)}
.page-admin .head h1,.page-catalog .heading h1{letter-spacing:-.035em;font-weight:850}.page-admin .card,.page-catalog .panel,.page-catalog main>div[style*="background:#fff"]{background:var(--ui-surface)!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius)!important;box-shadow:var(--ui-shadow)!important;backdrop-filter:blur(12px)}.page-admin .card{padding:26px}
.page-admin input,.page-admin select,.page-admin textarea,.page-catalog input[type=search],.page-catalog input[type=file]{background:#fbfdfc;border:1px solid #d7e1dc;border-radius:12px}.page-admin input:focus,.page-admin select:focus,.page-admin textarea:focus,.page-catalog input:focus{outline:0;border-color:var(--p,var(--green));box-shadow:0 0 0 4px color-mix(in srgb,var(--p,var(--green)) 14%,transparent);background:#fff}
.page-admin label{color:#35473f;letter-spacing:.01em}.page-admin .btn,.page-catalog .btn{border-radius:11px;padding:11px 16px;box-shadow:0 7px 18px color-mix(in srgb,var(--p,var(--green)) 20%,transparent)}.page-admin .btn:hover,.page-catalog .btn:hover{transform:translateY(-1px);filter:saturate(1.08)}.page-admin .btn.light,.page-catalog .btn.gray{box-shadow:none;border:1px solid var(--ui-line);background:#f3f7f5}
.page-admin th,.page-catalog th{background:#f7faf8;color:#718078;letter-spacing:.075em}.page-admin tr:hover td,.page-catalog tbody tr:hover td{background:color-mix(in srgb,var(--p,var(--green)) 4%,white)}.page-admin .alert,.page-catalog .alert{border:1px solid color-mix(in srgb,var(--p,var(--green)) 20%,transparent);border-radius:12px}
.page-dashboard{background:#f4f7f5}.page-dashboard .sidebar{background:linear-gradient(165deg,var(--sidebar),color-mix(in srgb,var(--sidebar) 78%,var(--green)))!important;box-shadow:16px 0 40px rgba(14,40,30,.12);z-index:2}.page-dashboard .brand{border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:14px}.page-dashboard .nav a{border:1px solid transparent}.page-dashboard .nav a:hover,.page-dashboard .nav a.active{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.1);transform:translateX(3px)}
.page-dashboard main{background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--green) 9%,transparent),transparent 30rem),#f5f8f6}.page-dashboard .top h1{letter-spacing:-.04em;font-size:29px}.page-dashboard .card{border:1px solid var(--ui-line);border-radius:18px;box-shadow:var(--ui-shadow)}.page-dashboard .card:hover{border-color:color-mix(in srgb,var(--green) 22%,transparent)}.page-dashboard .metric{position:relative;overflow:hidden}.page-dashboard .metric:after{content:"";position:absolute;width:90px;height:90px;right:-35px;top:-35px;border-radius:50%;background:color-mix(in srgb,var(--green) 8%,transparent)}
.page-dashboard .metric-icon,.page-dashboard .product-icon{color:var(--green);background:color-mix(in srgb,var(--green) 10%,white)}.page-dashboard .button{border-radius:11px;box-shadow:0 8px 22px color-mix(in srgb,var(--green) 24%,transparent)}.page-dashboard tbody tr:hover td{background:color-mix(in srgb,var(--green) 4%,white)}.page-dashboard .side-status{backdrop-filter:blur(10px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}
.page-login{background:radial-gradient(circle at 18% 14%,color-mix(in srgb,var(--primary) 34%,transparent),transparent 26rem),radial-gradient(circle at 88% 88%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 30rem),linear-gradient(145deg,var(--dark),color-mix(in srgb,var(--dark) 75%,var(--primary)))!important}.page-login .login{border:1px solid rgba(255,255,255,.65);border-radius:26px;box-shadow:0 30px 90px rgba(4,25,17,.34);position:relative;overflow:hidden}.page-login .login:before{content:"";position:absolute;height:5px;left:0;right:0;top:0;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 35%,white))}.page-login .logo{width:104px;height:104px;filter:drop-shadow(0 8px 15px rgba(15,60,42,.14))}.page-login .brand h1{font-size:29px;letter-spacing:-.04em}.page-login input{background:#fbfdfc;border-radius:12px!important;padding:13px 14px!important}.page-login .button{border-radius:12px;padding:14px;box-shadow:0 9px 24px color-mix(in srgb,var(--primary) 28%,transparent)}.page-login .button:hover{transform:translateY(-1px);filter:saturate(1.1)}
@media(max-width:700px){.page-admin .card{padding:18px}.page-admin .top .wrap,.page-catalog .top .wrap{gap:10px}.page-admin .brand small,.page-catalog .brand small{display:none}.page-dashboard .top h1{font-size:24px}}