:root{--blue:#0e6b9f;--blue-dark:#084a78;--ink:#172c42;--muted:#62768b;--line:#e0eaf2;--bg:#f3f7fb}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.45}a{color:var(--blue)}
.site-header{background:linear-gradient(112deg,#0b3658,#0d5f91 75%,#1683b4);color:#fff;box-shadow:0 6px 24px rgba(15,65,98,.15)}.header-inner{max-width:1380px;margin:auto;padding:19px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:15px;min-width:0}.brand img{width:60px;height:60px;object-fit:contain;flex-shrink:0}.brand-name{font-size:22px;font-weight:850;letter-spacing:.055em;line-height:1.12}.brand-caption{color:#d6ecfa;font-size:12px;margin-top:4px}.header-account{display:flex;align-items:center;gap:14px;font-size:13px}.logout-form{margin:0}.logout-btn{border:1px solid #bcd9ea;border-radius:999px;background:#e8f3fb;color:#084a78;padding:7px 13px;font-size:12px;font-weight:700}
main{max-width:1380px;margin:30px auto 55px;padding:0 24px;min-height:70vh}.eyebrow{font-size:12px;color:var(--blue);font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px}h1{font-size:clamp(26px,3.2vw,34px);letter-spacing:-.035em;margin:0 0 15px}h2{font-size:20px;letter-spacing:-.025em;margin:24px 0 15px}.nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 26px}.nav-btn{display:flex;align-items:center;gap:13px;min-height:88px;background:white;border:1px solid var(--line);border-radius:16px;padding:17px;text-decoration:none;color:var(--ink);box-shadow:0 5px 18px rgba(20,75,115,.035);transition:transform .15s,border-color .15s,box-shadow .15s}.nav-btn:hover{transform:translateY(-2px);border-color:#7bb9dc;box-shadow:0 10px 24px rgba(20,75,115,.12)}.nav-icon{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:13px;background:#e8f3fb;font-size:26px}.nav-title{display:block;font-size:15px;font-weight:800}.nav-desc{display:block;font-size:12px;color:var(--muted);margin-top:3px}.nav-arrow{margin-left:auto;color:var(--blue);font-size:21px;font-weight:700}.nav-btn.featured{background:linear-gradient(110deg,#096293,#137eaf);color:white;border-color:transparent}.nav-btn.featured .nav-icon{background:rgba(255,255,255,.16)}.nav-btn.featured .nav-desc,.nav-btn.featured .nav-arrow{color:#e3f5ff}
input,select,button,.button{font:inherit;padding:10px 12px;border:1px solid #cbdce8;border-radius:10px;background:white;color:var(--ink)}button,.button{cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;gap:7px}button,.primary,.active{background:linear-gradient(110deg,#096293,#137eaf);color:white;border-color:transparent}.button{background:#eaf3f9;color:#0a5b89;border-color:#d6e8f4}button:hover,.button:hover{filter:brightness(1.06)}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #80c9f2;outline-offset:2px}.logout-btn{background:#e8f3fb;color:#084a78;border-color:#bcd9ea}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.filters input{flex:1;min-width:220px}label{display:block;font-size:13px;font-weight:750;margin:18px 0 8px}label input{display:block;width:100%;margin-top:7px}.card{background:white;border:1px solid var(--line);padding:23px;border-radius:16px;margin:22px 0;box-shadow:0 5px 18px rgba(20,75,115,.035)}.login{max-width:460px;margin:35px auto}.login h2{margin-top:0}.maintenance-card{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:15px 18px}.maintenance-card p{font-size:12px;color:var(--muted);flex:1;margin:0}.maintenance-card strong{font-size:13px;white-space:nowrap}.maintenance-card form{margin:0}.stats{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0}.stats>div{background:white;border:1px solid var(--line);padding:18px 24px;border-radius:15px;min-width:190px;box-shadow:0 5px 18px rgba(20,75,115,.025)}.stats b{display:block;font-size:28px;font-weight:850;color:var(--blue-dark);margin:6px 0;letter-spacing:-.03em}.stats small{display:block}.table{overflow:auto;background:white;border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 18px rgba(20,75,115,.025)}table{border-collapse:collapse;width:100%;font-size:13px;min-width:850px}td,th{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid #edf1f6}th{background:#f7fbfe;color:#526c82;font-weight:750;white-space:nowrap}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdff}td small{display:block;color:var(--muted);margin-top:6px;max-width:380px;overflow-wrap:anywhere}.money{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.material{font-weight:700;text-decoration:none;line-height:1.5}.material:hover{text-decoration:underline}.badge{display:inline-block;padding:6px 9px;background:#eaf1f8;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.checked,.confirmed{background:#e4f4ea;color:#20683c}.review{background:#fff0d0;color:#845604}.excluded{background:#efeff2;color:#566}.notice,.success,.error{padding:14px 18px;border-radius:10px;line-height:1.6;font-size:13px}.notice{background:#fff3de;color:#946010}.success{background:#e4f4ea;color:#20683c}.error{background:#fff1f2;color:#9e2631}.pagination{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:18px 0}.pagination a,.pagination .disabled{padding:8px 12px;border:1px solid #d6e8f4;border-radius:9px;background:white;text-decoration:none;font-size:13px}.pagination .active{background:linear-gradient(110deg,#096293,#137eaf);color:white;border-color:transparent}.disabled{opacity:.4}footer{max-width:1380px;margin:auto;padding:20px 24px;color:var(--muted);font-size:12px}summary{cursor:pointer;font-weight:750}code{overflow-wrap:anywhere}
@media(max-width:850px){.filters>*{flex:1}.filters input{flex-basis:100%}.maintenance-card p{flex-basis:70%}}@media(max-width:570px){.header-inner{padding:14px 17px}.brand img{width:48px;height:48px}.brand-name{font-size:17px}.brand-caption{font-size:10px}.header-account>span{display:none}main{padding:0 16px;margin-top:24px}.nav-grid{grid-template-columns:1fr;gap:10px}.nav-btn{min-height:74px}.card{padding:16px}.filters>*{width:100%;flex-basis:100%}.stats>div{flex:1;min-width:180px}.maintenance-card{gap:10px}.maintenance-card p{flex-basis:100%}}
.brand{text-decoration:none;color:inherit}.nav-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sub{color:var(--muted);font-size:14px;margin:0 0 22px;line-height:1.65}.dashboard-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0 32px}.dashboard-btn{min-height:158px;align-items:flex-start;padding:23px}.dashboard-label{display:block;flex:1}.dashboard-btn .nav-desc{line-height:1.55;margin-top:8px}.dashboard-btn .nav-arrow{align-self:center}.action-count{display:block;font-size:30px;letter-spacing:-.04em;margin-top:13px}.dashboard-btn .nav-title{font-size:17px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:16px 0 30px}.category-btn{display:flex;align-items:center;gap:13px;min-height:98px;padding:18px;background:white;border:1px solid var(--line);border-radius:15px;text-decoration:none;color:var(--ink);box-shadow:0 5px 18px rgba(20,75,115,.035);transition:transform .15s,border-color .15s}.category-btn:hover{transform:translateY(-2px);border-color:#7bb9dc}.category-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e8f3fb;color:var(--blue);font-size:25px;flex-shrink:0}.category-btn strong{display:block;font-size:14px}.category-btn small{display:block;color:var(--muted);font-size:12px;margin-top:4px}a.badge{text-decoration:none;border:1px solid currentColor}a.badge:hover{text-decoration:underline}#price-review{scroll-margin-top:20px}
@media(max-width:1050px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-btn{padding:18px;gap:10px}.dashboard-btn .nav-icon{width:36px;height:36px}}@media(max-width:780px){.dashboard-actions{grid-template-columns:1fr}.dashboard-btn{min-height:110px;align-items:center}.dashboard-btn .action-count{font-size:24px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-grid{grid-template-columns:1fr}}@media(max-width:420px){.category-grid{grid-template-columns:1fr}}
.dashboard-btn{min-height:130px}.action-count{display:inline-flex;align-items:center;font-size:12px;font-weight:750;letter-spacing:0;padding:3px 9px;margin-top:9px;border-radius:999px;background:#e8f3fb;color:var(--blue-dark)}.featured .action-count{background:rgba(255,255,255,.17);color:white}@media(max-width:780px){.dashboard-btn{min-height:110px}.dashboard-btn .action-count{font-size:12px}}
.family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.family-grid .category-btn{min-height:106px}.family-grid strong{line-height:1.5}@media(max-width:1050px){.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:570px){.family-grid{grid-template-columns:1fr}}
.classification-pending{display:inline-block;color:#845604;background:#fff3de;border:1px solid #e8d3a6;border-radius:8px;padding:5px 8px;font-size:12px;font-weight:700;text-decoration:none}.classification-pending:hover{text-decoration:underline;background:#ffe8b9}.brand-cell{min-width:115px}.category-cell{min-width:140px}#brand-field,#category-field{scroll-margin-top:30px}
.classification-pending{padding:4px 8px;font-size:11px;white-space:nowrap}
.invoice-number{font-weight:650;white-space:nowrap}
.supplier-cell{white-space:nowrap}

#classification-editor input:focus::placeholder{color:transparent}#classification-saved{scroll-margin-top:24px;margin:12px 0 0}.product-management{margin-top:28px}.product-management form{margin:12px 0}.danger{color:#a51d28;border-color:#a51d28}