/* GarageForge 8.2.0 Premium Personalization */
:root{--premium-ease:cubic-bezier(.2,.8,.2,1);--premium-glow:color-mix(in srgb,var(--accent) 18%,transparent);--premium-soft:color-mix(in srgb,var(--panel2) 82%,transparent)}
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 28%,var(--line)) transparent}
::selection{background:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--text)}
body{letter-spacing:.002em}
.shell{transition:grid-template-columns .24s var(--premium-ease)}
aside{box-shadow:12px 0 45px rgba(0,0,0,.12);border-right-color:color-mix(in srgb,var(--line) 70%,transparent)}
.brand{position:relative}.brand:after{content:"";position:absolute;left:8px;right:8px;bottom:7px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 35%,var(--line)),transparent)}
.brand .mark{transition:transform .24s var(--premium-ease),box-shadow .24s}.brand:hover .mark{transform:translateY(-2px) rotate(-2deg);box-shadow:0 14px 34px var(--premium-glow)}
.nav-search{position:relative}.nav-search input{box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);transition:border-color .2s,box-shadow .2s,background .2s}.nav-search input:focus{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}
.premium-nav82 .nav{position:relative;overflow:hidden;transition:transform .16s var(--premium-ease),background .18s,border-color .18s}.premium-nav82 .nav:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:3px;background:var(--accent);transform:scaleY(0);transition:transform .2s}.premium-nav82 .nav:hover{transform:translateX(2px)}.premium-nav82 .nav.active:before{transform:scaleY(1)}
header{min-height:74px;height:auto;padding-top:10px;padding-bottom:10px;box-shadow:0 14px 40px rgba(0,0,0,.08)}
.head-actions{gap:9px}.head-actions>button,.head-actions>select{transition:transform .16s var(--premium-ease),border-color .18s,box-shadow .18s}.head-actions>button:hover{transform:translateY(-1px)}
.premium-status82{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--panel) 86%,transparent);box-shadow:0 8px 22px rgba(0,0,0,.08)}.premium-status82 small,.premium-status82 b{display:block}.premium-status82 small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.premium-status82 b{font-size:11px}.status-dot82{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px color-mix(in srgb,var(--good) 13%,transparent)}
.page-head{padding:4px 0 3px}.page-head h1{font-size:30px;font-weight:820;letter-spacing:-.035em}.page-head p{font-size:13px;line-height:1.5;max-width:820px}
.card,.panel{position:relative;overflow:hidden;transition:transform .18s var(--premium-ease),border-color .2s,box-shadow .2s}.card:before,.panel:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 24%,transparent),transparent);pointer-events:none}.card:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--line))!important}
.metric .value{font-size:28px;letter-spacing:-.035em}.metric .label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.metric .sub{line-height:1.35}
.primary{transition:transform .16s var(--premium-ease),box-shadow .18s,filter .18s}.primary:hover{transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 15px 30px color-mix(in srgb,var(--accent) 23%,transparent)!important}.primary:active{transform:translateY(0)}
.smallbtn,.ghost{transition:background .16s,border-color .16s,transform .16s}.smallbtn:hover,.ghost:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel));transform:translateY(-1px)}
input,select,textarea{transition:border-color .18s,box-shadow .18s,background .18s}input:focus,select:focus,textarea:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 62%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
table{border-collapse:separate;border-spacing:0}thead th{position:sticky;top:0;z-index:1;background:color-mix(in srgb,var(--panel) 96%,transparent);backdrop-filter:blur(10px);font-size:10px;text-transform:uppercase;letter-spacing:.075em;color:var(--muted)}tbody tr{transition:background .16s}tbody tr:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}
.tag,.pill{border-color:color-mix(in srgb,var(--accent) 16%,var(--line));background:color-mix(in srgb,var(--panel2) 86%,transparent)}
.empty{border:1px dashed color-mix(in srgb,var(--line) 80%,transparent);border-radius:14px;padding:18px;background:color-mix(in srgb,var(--panel2) 35%,transparent)}
.premium-empty82{display:grid;gap:4px}.premium-empty82 b{color:var(--text);font-size:14px}.premium-empty82 span{color:var(--muted);font-size:12px}
.premium-strip82{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 23%,var(--line));border-radius:16px;background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 8%,var(--panel)),color-mix(in srgb,var(--panel) 90%,transparent));box-shadow:0 12px 34px rgba(0,0,0,.08)}.premium-strip82 b{display:block;font-size:15px;margin-top:2px}.eyebrow82{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);font-weight:800}.premium-pill82{font-size:10px;color:var(--muted);padding:5px 8px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 75%,transparent)}
.dashboard-grid82{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}.dash-widget82{min-width:0;position:relative}.dash-metric82{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 93%,transparent),color-mix(in srgb,var(--panel2) 90%,transparent));border:1px solid var(--app-border-strong);border-radius:var(--app-radius);padding:16px;box-shadow:var(--app-shadow);min-height:130px;display:flex;flex-direction:column;justify-content:center}.dash-metric82 .value{font-size:30px;font-weight:850;letter-spacing:-.04em;margin:7px 0}.dash-metric82 .label{text-transform:uppercase;font-size:10px;letter-spacing:.08em;color:var(--muted);font-weight:700}.dash-metric82 .sub{font-size:11px;color:var(--muted)}.dash-panel82{grid-column:span 2;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 93%,transparent),color-mix(in srgb,var(--panel2) 91%,transparent));border:1px solid var(--app-border-strong);border-radius:var(--app-radius);padding:16px;box-shadow:var(--app-shadow);min-height:220px}.widget-grip82{position:absolute;right:10px;top:8px;color:var(--muted);opacity:.42;cursor:grab;font-size:14px;letter-spacing:-3px;z-index:2}.dash-widget82:hover .widget-grip82{opacity:.9}.dash-widget82.dragging82{opacity:.42;transform:scale(.985)}.dash-widget82[draggable="true"]{cursor:default}.dash-widget82[draggable="true"] .widget-grip82:active{cursor:grabbing}.healthbar82{height:5px;border-radius:999px;background:var(--line);overflow:hidden;margin-top:12px}.healthbar82 i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--bad),var(--warn),var(--good))}.mini-metrics82{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mini-metrics82>div{padding:14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);background:color-mix(in srgb,var(--panel2) 67%,transparent)}.mini-metrics82 small,.mini-metrics82 b,.mini-metrics82 span{display:block}.mini-metrics82 small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.mini-metrics82 b{font-size:21px;margin:6px 0}.mini-metrics82 span{font-size:11px;color:var(--muted)}
.widget-config82{display:grid;gap:8px;margin-top:12px}.widget-row82{display:grid;grid-template-columns:28px 1fr auto auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.drag82{color:var(--muted);letter-spacing:-3px}.danger82{border-color:color-mix(in srgb,var(--bad) 45%,var(--line))!important;color:var(--bad)!important}
.profilebar82{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;margin-top:10px}.profilebar82+ .profilebar82{grid-template-columns:minmax(0,1fr) minmax(130px,180px) auto}.profilebar82 input,.profilebar82 select{width:100%}
.appearance-section81 h3{margin:0}.appearance-section81 .section-title{align-items:flex-start}
.modal-head82 h2{font-size:25px;margin:4px 0}.modal-head82 p{margin:0}
dialog{border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));background:linear-gradient(180deg,var(--panel),var(--panel2));color:var(--text);border-radius:22px;box-shadow:0 28px 100px rgba(0,0,0,.4);max-width:min(760px,92vw)}dialog::backdrop{background:rgba(0,0,0,.52);backdrop-filter:blur(5px)}
@media(max-width:1180px){.dashboard-grid82{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-panel82{grid-column:span 2}.premium-status82{display:none}}
@media(max-width:760px){.dashboard-grid82{grid-template-columns:1fr}.dash-panel82{grid-column:span 1}.premium-strip82{align-items:flex-start;flex-direction:column}.mini-metrics82{grid-template-columns:1fr}.profilebar82,.profilebar82+ .profilebar82{grid-template-columns:1fr}.widget-row82{grid-template-columns:24px 1fr auto}.widget-row82 .row{grid-column:2/-1}.page-head h1{font-size:26px}}