:root{color-scheme:light;--bg:#f6f7fb;--panel:#ffffff;--text:#111827;--muted:#6b7280;--primary:#2563eb;--primary-600:#1d4ed8;--danger:#b91c1c;--warn:#b45309;--success:#065f46;--border:#e5e7eb;--ring:#93c5fd;--radius:12px;--shadow:0 6px 20px rgba(0,0,0,.06);--shadow-sm:0 2px 10px rgba(0,0,0,.06);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--glass-bg: rgba(255,255,255,.55);--glass-border: rgba(255,255,255,.35);--glass-blur: 14px;--glass-sat: 160%;--glass-shadow: 0 10px 30px rgba(17,24,39,.08);--container-max: 1600px;--sidebar-w: 260px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:24px;position:relative;z-index:1}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(14px,2vw,22px);position:relative;z-index:1}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}h1,h2,h3{margin:0 0 var(--space-3) 0;line-height:1.25}h2{font-size:clamp(20px,2.6vw,26px)}h3{font-size:clamp(16px,2.2vw,20px);color:#111}.input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;outline:none;font-size:1rem;line-height:1.25;transition:box-shadow .15s,border-color .15s}.input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}label{display:block;font-size:1rem;color:var(--muted);margin:6px 0 4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-sm);font-size:1rem;line-height:1.2;transition:transform .06s ease,box-shadow .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.primary:hover{background:var(--primary-600)}.btn.ghost{background:#f3f4f6}.btn.danger{background:#fff0f0;border-color:#fecaca;color:var(--danger)}.error{color:var(--danger);background:#fee2e2;border:1px solid #fecaca;padding:10px 12px;border-radius:10px}.ok{color:var(--success);background:#d1fae5;border:1px solid #a7f3d0;padding:10px 12px;border-radius:10px}.muted{color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}thead th{background:#f9fafb;color:#374151;font-weight:600;text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}tbody td{padding:10px 12px;border-top:1px solid var(--border);vertical-align:top}tbody tr:hover{background:#fafafa}.status-expired{color:var(--danger);font-weight:600}.status-soon{color:var(--warn);font-weight:600}.status-ok{color:var(--text)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-3)}.kpi{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px}.kpi b{display:block;color:#111;margin-bottom:4px}.kpi .value{font-size:1.25rem}.layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;gap:var(--space-3);position:relative;z-index:1}.sidebar{align-self:start;position:sticky;top:var(--space-4);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-3);z-index:2}.side-nav{display:flex;flex-direction:column;gap:8px}.side-link{width:100%;text-align:left;padding:12px 14px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-sm);font-size:1rem;transition:transform .06s ease,box-shadow .15s ease,background .15s ease,border-color .15s}.side-link:hover{transform:translateY(-1px)}.side-link.active{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.side-footer{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.content{min-width:0}@media (max-width: 920px){.layout{grid-template-columns:1fr}.sidebar{position:static}.side-nav{flex-direction:row;flex-wrap:wrap}.side-link{flex:1 1 auto}}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.bg-orbs{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-orb{position:absolute;border-radius:50%;filter:blur(60px) saturate(120%);will-change:transform,filter}.bg-orb--1{width:60vmax;height:60vmax;left:-10vmax;top:-12vmax;background:radial-gradient(circle at 30% 30%,#6366f159,#6366f100 60%),radial-gradient(circle at 70% 70%,#10b98140,#10b98100 55%);animation:orbFloat1 22s ease-in-out infinite alternate}.bg-orb--2{width:45vmax;height:45vmax;right:-8vmax;bottom:-10vmax;background:radial-gradient(circle at 70% 35%,#f472b647,#f472b600 58%),radial-gradient(circle at 30% 70%,#f59e0b38,#f59e0b00 55%);animation:orbFloat2 24s ease-in-out infinite alternate;opacity:.85}@keyframes orbFloat1{0%{transform:translateZ(0) scale(1)}25%{transform:translate3d(32vw,6vh,0) scale(1.05)}50%{transform:translate3d(18vw,32vh,0) scale(1.08)}75%{transform:translate3d(-14vw,22vh,0) scale(1.03)}to{transform:translateZ(0) scale(1)}}@keyframes orbFloat2{0%{transform:translateZ(0) scale(1)}20%{transform:translate3d(-18vw,-8vh,0) scale(1.06)}50%{transform:translate3d(-32vw,-22vh,0) scale(1.02)}80%{transform:translate3d(-12vw,-30vh,0) scale(1.07)}to{transform:translateZ(0) scale(1)}}.bg-vignette{position:absolute;inset:0;background:radial-gradient(120vmax 120vmax at 20% 10%,rgba(0,0,0,.05),transparent 60%),radial-gradient(100vmax 100vmax at 100% 120%,rgba(0,0,0,.05),transparent 55%)}@supports ((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))){.card,.sidebar,.kpi,.side-link{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border-color:var(--glass-border);box-shadow:var(--glass-shadow)}.side-link.active{border-color:#2563eb99;box-shadow:0 0 0 3px #2563eb2e;background:#ffffff9e}}.main{min-width:0}@media (max-width: 1300px){.layout{grid-template-columns:1fr}.sidebar{position:static;width:100%}}.password-field{position:relative}.password-field .input{padding-right:44px}.pw-toggle{position:absolute;top:50%;right:10px;transform:translateY(-50%);border:none;background:transparent;color:var(--muted);padding:6px;border-radius:8px;line-height:0}.pw-toggle:hover{color:var(--text);background:#0000000a}.pw-toggle:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.hamburger-btn,.sidebar-overlay{display:none!important}.hamburger-btn{position:fixed;top:14px;left:14px;z-index:50;width:44px;height:38px;border:1px solid var(--border);background:#fff;border-radius:10px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0}.hamburger-line{width:22px;height:2px;border-radius:2px;background:var(--text);display:block}.sidebar-overlay{position:fixed;inset:0;background:#00000047;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:40}.sidebar-overlay.open{opacity:1;pointer-events:auto}@media (max-width: 920px) and (orientation: portrait) and (hover: none) and (pointer: coarse){.hamburger-btn{display:flex!important}.sidebar-overlay{display:block!important}.layout{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(86vw,320px);border-right:1px solid var(--border);border-radius:0;transform:translate(-105%);z-index:60;background:var(--panel);box-shadow:var(--shadow);padding:var(--space-3);overscroll-behavior:contain;transition:transform .22s ease}.sidebar.is-open{transform:translate(0)}.content{padding-top:54px}}@media (min-width: 921px),(orientation: landscape){.hamburger-btn,.sidebar-overlay{display:none!important}}.table-responsive table{width:100%}@media (max-width: 560px){.table-responsive table,.table-responsive thead,.table-responsive tbody,.table-responsive th,.table-responsive td,.table-responsive tr{display:block}.table-responsive thead{position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden}.table-responsive tbody tr{margin:10px 0;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.table-responsive tbody td{border:none!important;padding:10px 12px;display:grid;grid-template-columns:110px 1fr;gap:8px;border-top:1px solid var(--border)!important}.table-responsive tbody td:first-child{border-top:none!important}.table-responsive tbody td:before{content:attr(data-label);font-weight:600;color:var(--muted)}.table-responsive tbody td.actions-cell{grid-template-columns:1fr}.table-responsive tbody td.actions-cell:before{margin-bottom:6px}.table-responsive .row.actions{justify-content:flex-end;flex-wrap:wrap;gap:6px}.table-responsive .btn{padding:8px 10px;font-size:.95rem}}.form-row-2col{display:grid;grid-template-columns:1fr 132px;gap:12px;align-items:end}.form-row-2col .qty-col .input,.form-row-2col .qty-col select{width:100%}@media (max-width: 520px){.form-row-2col{grid-template-columns:1fr}.form-row-2col .qty-col{justify-self:start;max-width:220px}}.input-date-compact{width:180px;max-width:100%}input[type=date].input-date-compact{height:44px;padding:10px 14px;line-height:1.2;appearance:none;-webkit-appearance:none;box-sizing:border-box;width:180px;max-width:100%}@media (max-width: 380px){input[type=date].input-date-compact{height:46px;font-size:16px}}.actions-grid{display:grid;grid-template-rows:auto auto;gap:8px;justify-items:end}.actions-grid .row{gap:8px;flex-wrap:nowrap}@media (max-width: 560px){.actions-grid .row{flex-wrap:wrap}}