:root{--espresso:#2d1b15;--coffee:#503225;--latte:#a4772d;--gold:#c6a15b;--cream:#f6f0e7;--paper:#fcfaf6;--white:#fff;--ink:#27201d;--muted:#82766f;--line:#e9e1d7;--green:#39705b;--red:#aa4b42;--yellow:#ba7a24;--blue:#3d7197;--shadow:0 10px 34px rgba(55,34,23,.08);--radius:16px}*{box-sizing:border-box}html{font-size:15px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a{transition:.2s}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:linear-gradient(180deg,#2b1913,#3a2219);color:#eadfd8;padding:23px 16px;z-index:50;display:flex;flex-direction:column}.brand,.login-brand{display:flex;align-items:center;gap:12px;padding:0 10px 23px}.brand-mark{width:41px;height:41px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#d1ae68,#936826);color:#291811;box-shadow:inset 0 1px rgba(255,255,255,.5)}.brand strong,.login-brand strong{display:block;font:700 20px 'Playfair Display',serif;color:#fff}.brand small,.login-brand small{display:block;font-size:8px;letter-spacing:1.8px;color:#bba99f;margin-top:2px}.sidebar nav{overflow:auto;flex:1;padding-right:3px}.sidebar nav a{height:43px;padding:0 12px;display:flex;align-items:center;gap:12px;border-radius:10px;color:#cdbdb4;margin:2px 0;font-size:13px}.sidebar nav a i{width:17px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.09);color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 var(--gold)}.nav-label{display:block;margin:19px 12px 7px;font-size:9px;letter-spacing:1.6px;color:#88756a}.nav-count{margin-left:auto;background:#a94840;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px}.sidebar-user{border-top:1px solid rgba(255,255,255,.1);padding:18px 8px 0;display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#d0ad68;color:#2b1913;font-weight:700}.sidebar-user div:nth-child(2){min-width:0;flex:1}.sidebar-user strong,.sidebar-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user strong{font-size:12px;color:#fff}.sidebar-user small{font-size:10px;color:#aa968b}.sidebar-user button{border:0;background:none;color:#ad9b91;cursor:pointer}.main{margin-left:252px;min-height:100vh}.topbar{height:70px;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;position:sticky;top:0;z-index:30}.crumb{font-size:12px;color:var(--muted);flex:1}.top-actions{display:flex;gap:10px;align-items:center}.date-pill,.icon-btn{border:1px solid var(--line);background:#fff;border-radius:10px;height:38px;display:flex;align-items:center;gap:8px;padding:0 12px;font-size:12px;color:var(--muted)}.icon-btn{width:38px;padding:0;justify-content:center;position:relative}.icon-btn b{position:absolute;right:-4px;top:-5px;background:var(--red);color:white;border-radius:10px;padding:1px 5px;font-size:9px}.menu-toggle{display:none;border:0;background:none;font-size:18px;margin-right:12px}.content{padding:30px 34px 60px;max-width:1700px;margin:auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:20px}.page-heading h1{font:700 31px 'Playfair Display',serif;margin:5px 0;color:#2f211c}.page-heading p{margin:0;color:var(--muted);font-size:13px}.eyebrow{font-size:9px;letter-spacing:2px;color:#dbc491;font-weight:700}.eyebrow.dark{color:#9b732e}.btn{border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--coffee);padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:12px;font-weight:700}.btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(60,40,25,.12)}.btn.primary{background:var(--coffee);color:#fff;border-color:var(--coffee)}.btn.danger{color:var(--red);border-color:#e7c5c0;background:#fffafa}.btn.small{padding:6px 9px;font-size:11px}.btn.wide{width:100%;padding:13px}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:13px;margin-bottom:18px}.metric-card{background:#fff;border:1px solid #eee7de;border-radius:var(--radius);padding:17px;display:flex;align-items:center;gap:13px;box-shadow:0 4px 18px rgba(55,34,23,.035)}.metric-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f0ebe5;color:#6f5a4c}.metric-icon.gold{background:#f6ecd5;color:#9d6b1e}.metric-icon.brown{background:#eee3dc;color:#563326}.metric-icon.warning{background:#fff0d9;color:#b16c15}.metric-icon.danger{background:#f8e4e1;color:#a74740}.metric-icon.cream{background:#f4efe3;color:#88703c}.metric-card div{min-width:0}.metric-card small{color:var(--muted);display:block;font-size:10px;white-space:nowrap}.metric-card strong{display:block;font-size:19px;margin-top:4px;white-space:nowrap}.metric-card em{font-size:8px;font-style:normal;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-bottom:18px}.dashboard-grid.lower{grid-template-columns:1fr 1fr}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 23px rgba(55,34,23,.045);padding:21px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-head h3{font:700 17px 'Playfair Display',serif;margin:4px 0}.card-head a,.legend-dot{font-size:10px;color:#a47b35}.chart-wrap{height:290px}.chart-wrap.small{height:220px}.top-list{padding:0;margin:0;list-style:none}.top-list li{display:grid;grid-template-columns:27px 1fr;position:relative;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #f1ebe4}.top-list li>b{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#f2ece5;color:#795f50;font-size:10px}.top-list span{font-size:12px;font-weight:600}.top-list small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.top-list li>i{position:absolute;bottom:5px;left:35px;width:calc(var(--w)*.55);height:2px;background:#d0a65c}.activity-list>div{display:flex;gap:11px;padding:10px 0;border-bottom:1px solid #f1ebe4}.activity-icon{width:31px;height:31px;border-radius:9px;background:#f4eee5;color:#9b732e;display:grid;place-items:center;flex:none;font-size:10px}.activity-list p{margin:0}.activity-list strong,.activity-list small{display:block}.activity-list strong{font-size:11px}.activity-list small{font-size:9px;color:var(--muted);margin-top:3px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.searchbox{position:relative;min-width:250px;flex:1}.searchbox i{position:absolute;left:13px;top:12px;color:#a99c94}.searchbox input{padding-left:37px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters select{width:auto;min-width:130px}.table-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#faf7f2;color:#897b72;font-size:9px;letter-spacing:.7px;padding:12px 15px;border-bottom:1px solid var(--line)}td{padding:13px 15px;border-bottom:1px solid #f1ebe4;font-size:12px}tbody tr:hover{background:#fffdf9}td strong{display:block}.sub{display:block;font-size:9px;color:var(--muted);margin-top:2px}.status{display:inline-flex;padding:4px 8px;border-radius:20px;font-size:9px;font-weight:700;background:#eee;color:#555}.status.aktivan,.status.plaćeno,.status.završeno,.status.zeleno{background:#e0f1e9;color:#2f7056}.status.neplaćeno,.status.dospelo,.status.crveno,.status.kritičan,.status.blokiran{background:#f7e1df;color:#9d4039}.status.probni-period,.status.žuto,.status.srednji,.status.zakazan{background:#fff0d6;color:#9a6518}.status.informativno,.status.prijavljen,.status.na-servisu{background:#dfeefa;color:#376d92}.status.visok{background:#f9e5d8;color:#a95826}.actions{display:flex;gap:5px}.icon-action{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--line);background:#fff;color:#77665b;cursor:pointer}.pagination-note{padding:13px 17px;color:var(--muted);font-size:10px}.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.form-section{margin-bottom:26px}.form-section:last-child{margin-bottom:0}.form-section h3{font:700 17px 'Playfair Display',serif;margin:0 0 4px}.form-section>p{color:var(--muted);font-size:11px;margin:0 0 17px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label,.login-card>label{font-size:10px;color:#66574f;font-weight:700}.field label.required:after{content:' *';color:var(--red)}input,select,textarea{width:100%;border:1px solid #ded5cd;background:#fff;border-radius:9px;padding:10px 11px;color:var(--ink);outline:none;font-size:12px}input:focus,select:focus,textarea:focus{border-color:#ad8240;box-shadow:0 0 0 3px rgba(173,130,64,.11)}textarea{min-height:80px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:20px;border-top:1px solid var(--line)}.modal{position:fixed;inset:0;background:rgba(34,21,16,.55);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{width:min(720px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:24px;box-shadow:0 30px 80px rgba(20,10,5,.3)}.modal-card.large{width:min(980px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-head h2{font:700 21px 'Playfair Display',serif;margin:0}.modal-head button{border:0;background:none;font-size:22px;cursor:pointer}.profile-head{background:linear-gradient(120deg,#342018,#55372a);border-radius:18px;padding:25px;color:#fff;margin-bottom:18px;display:flex;align-items:center;gap:18px}.company-avatar{width:64px;height:64px;border-radius:16px;background:#d0ad68;color:#332018;display:grid;place-items:center;font:700 25px 'Playfair Display',serif}.profile-head>div:nth-child(2){flex:1}.profile-head h1{margin:3px 0;font:700 25px 'Playfair Display',serif}.profile-head p{margin:0;color:#cdbdb4;font-size:11px}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.profile-stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px}.profile-stat small{color:var(--muted);display:block;font-size:9px}.profile-stat strong{font-size:16px;display:block;margin-top:4px}.tabs{display:flex;gap:2px;overflow:auto;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs button{border:0;background:none;padding:11px 14px;color:var(--muted);font-size:11px;white-space:nowrap;border-bottom:2px solid transparent;cursor:pointer}.tabs button.active{color:var(--coffee);border-color:var(--gold);font-weight:700}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.detail-item{padding:13px;background:#faf7f2;border-radius:10px}.detail-item small,.detail-item strong{display:block}.detail-item small{color:var(--muted);font-size:9px}.detail-item strong{font-size:12px;margin-top:4px}.rank{padding:4px 10px;border-radius:10px;background:#efe3cd;color:#805d23;font-size:10px}.rank.Platinum{background:#e2e8ec;color:#50606d}.rank.Gold{background:#f4e4b9;color:#8b651e}.rank.Silver{background:#e9e9e9;color:#5d5d5d}.toast{position:fixed;right:25px;top:82px;z-index:200;background:#fff;border-left:4px solid var(--green);border-radius:10px;box-shadow:0 12px 40px rgba(30,20,15,.18);padding:13px 15px;display:flex;align-items:center;gap:10px;min-width:300px;font-size:12px}.toast.error{border-color:var(--red)}.toast button{margin-left:auto;border:0;background:none;cursor:pointer}.empty-state{text-align:center;padding:80px 20px}.empty-state>i{font-size:45px;color:#c7a665}.empty-state h1{font:700 52px 'Playfair Display';margin:15px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-story{position:relative;background:radial-gradient(circle at 60% 30%,#664631,#2c1913 65%);color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-story:before,.login-story:after{content:'';position:absolute;border:1px solid rgba(210,179,116,.18);border-radius:50%;width:600px;height:600px;right:-210px;bottom:-260px}.login-story:after{width:420px;height:420px;right:-100px;bottom:-190px}.story-content{position:relative;z-index:2;max-width:600px;padding:60px}.story-content h1{font:700 50px/1.1 'Playfair Display',serif;margin:15px 0}.story-content h1 em{color:#d0ad68;font-style:italic}.story-content p{color:#cdbbb0;max-width:440px}.bean-line{display:flex;align-items:center;gap:13px;color:#c7a25e;margin-top:36px}.bean-line span{width:45px;border-top:1px solid #9c7844}.coffee-orb{position:absolute;right:9%;bottom:10%;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#704b32,#1d0f0b 65%);display:grid;place-items:center;box-shadow:0 25px 70px #160b08}.coffee-orb i{font-size:62px;color:#d8b675}.login-panel{display:flex;align-items:center;justify-content:center;background:#fbf8f2;padding:35px}.login-card{width:min(390px,100%);display:flex;flex-direction:column;gap:19px}.login-brand{padding:0 0 28px}.login-brand .brand-mark{width:46px;height:46px}.login-brand strong{color:#332018;font-size:23px}.login-brand small{color:#99877a}.login-card h2{font:700 32px 'Playfair Display',serif;margin:5px 0}.login-card p{font-size:12px;color:var(--muted);margin:0}.input-icon{position:relative;margin-top:7px}.input-icon>i{position:absolute;left:12px;top:13px;color:#9b8d84}.input-icon input{padding-left:38px;height:44px}.input-icon .reveal{position:absolute;right:4px;top:4px;width:36px;height:36px;border:0;background:none;color:#887b73}.demo-box{display:flex;align-items:center;justify-content:space-between;background:#eee6d9;border-radius:9px;padding:10px 12px;font-size:10px;color:#6f5b4c}.demo-box code{color:#7c5820}.copyright{text-align:center;color:#a99d95}.form-error{background:#f8e3df;color:#943d37;padding:10px;border-radius:8px;font-size:11px}
@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.profile-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.25s}.menu-open .sidebar{transform:none;box-shadow:20px 0 50px rgba(0,0,0,.2)}.main{margin-left:0}.menu-toggle{display:block}.content{padding:24px 18px 50px}.login-page{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh}.dashboard-grid,.dashboard-grid.lower{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.topbar{padding:0 15px}.date-pill{display:none}.content{padding:20px 12px 45px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading .btn{width:100%}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-card{padding:13px;gap:9px}.metric-icon{width:35px;height:35px}.metric-card strong{font-size:15px}.metric-card small{font-size:8px}.form-grid,.form-grid.two,.detail-grid,.profile-stats{grid-template-columns:1fr}.card,.form-card{padding:16px}.profile-head{align-items:flex-start;flex-wrap:wrap}.profile-head .btn{width:100%}.toolbar>*{width:100%}.filters>*{flex:1}.toast{left:12px;right:12px;min-width:0}.story-content h1{font-size:36px}}
@media print{.sidebar,.topbar,.btn,.actions,.tabs,.toast{display:none!important}.main{margin:0}.content{padding:0}.card,.table-card,.profile-head{box-shadow:none;break-inside:avoid}body{background:#fff}}

/* Clean, mobile-first visual refresh */
:root{
  --espresso:#0f172a;
  --coffee:#2563eb;
  --latte:#2563eb;
  --gold:#60a5fa;
  --cream:#eff6ff;
  --paper:#f4f7fb;
  --white:#fff;
  --ink:#172033;
  --muted:#64748b;
  --line:#dfe5ee;
  --green:#16805c;
  --red:#c2414b;
  --yellow:#b66a13;
  --blue:#2563eb;
  --shadow:0 8px 24px rgba(15,23,42,.06);
  --radius:14px
}
body{background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}
.sidebar{background:linear-gradient(180deg,#0f172a,#172554);color:#dbeafe;box-shadow:4px 0 22px rgba(15,23,42,.12)}
.brand-mark{background:linear-gradient(145deg,#60a5fa,#2563eb);color:#fff;box-shadow:none}
.brand small,.login-brand small{color:#93c5fd}.sidebar nav a{color:#cbd5e1}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.1)}.sidebar nav a.active{box-shadow:inset 3px 0 #60a5fa}.nav-label{color:#7f9bca}.nav-count{background:#ef4444}.avatar{background:#dbeafe;color:#1d4ed8}.sidebar-user small,.sidebar-user button{color:#94a3b8}
.topbar{background:rgba(255,255,255,.94);border-color:var(--line);box-shadow:0 1px 6px rgba(15,23,42,.04)}
.menu-toggle{color:#334155;border-radius:10px;width:42px;height:42px;place-items:center;cursor:pointer}.menu-toggle:hover{background:#eff6ff;color:#1d4ed8}
.date-pill,.icon-btn{border-color:#dce3ed;color:#526078}.page-heading h1,.card-head h3,.form-section h3,.modal-head h2,.profile-head h1{font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);letter-spacing:-.025em}.eyebrow,.eyebrow.dark{color:#2563eb}
.btn{border-color:#d7deea;color:#334155;min-height:40px}.btn.primary{background:#2563eb;border-color:#2563eb}.btn.primary:hover{background:#1d4ed8;border-color:#1d4ed8}.btn:hover{box-shadow:0 5px 14px rgba(37,99,235,.14)}
.metric-card,.card,.table-card,.form-card,.profile-stat{border-color:var(--line);box-shadow:var(--shadow)}
.metric-icon{background:#eef2f7;color:#475569}.metric-icon.gold,.metric-icon.brown,.metric-icon.cream{background:#e8f1ff;color:#2563eb}.metric-icon.warning{background:#fff4df;color:#a65e0b}.metric-icon.danger{background:#fff0f1;color:#b42335}
.card-head a,.legend-dot{color:#2563eb}.top-list li,.activity-list>div{border-color:#edf1f6}.top-list li>b{background:#eaf2ff;color:#1d4ed8}.top-list li>i{background:#3b82f6}.activity-icon{background:#eaf2ff;color:#2563eb}
th{background:#f7f9fc;color:#526078;border-color:var(--line)}td{border-color:#edf1f6}tbody tr:hover{background:#f8fbff}.icon-action{border-color:#d7deea;color:#475569}.icon-action:hover{border-color:#93b4ef;background:#eff6ff;color:#1d4ed8}
input,select,textarea{border-color:#cfd8e6;color:var(--ink);background:#fff;min-height:42px}input:focus,select:focus,textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.14)}.field label,.login-card>label{color:#475569}.detail-item{background:#f5f8fc}.tabs button.active{color:#1d4ed8;border-color:#2563eb}
.profile-head{background:linear-gradient(120deg,#172554,#1e40af)}.profile-head h1{color:#fff}.profile-head p{color:#dbeafe}.company-avatar{background:#dbeafe;color:#1d4ed8}
.modal{background:rgba(15,23,42,.58)}.modal-card{box-shadow:0 30px 80px rgba(15,23,42,.3)}
.login-story{background:radial-gradient(circle at 60% 30%,#1e3a8a,#0f172a 68%)}.story-content h1 em,.bean-line{color:#93c5fd}.story-content p{color:#cbd5e1}.coffee-orb{background:radial-gradient(circle at 35% 30%,#2563eb,#0f172a 68%);box-shadow:0 25px 70px rgba(15,23,42,.55)}.coffee-orb i{color:#bfdbfe}.login-panel{background:#f4f7fb}.login-brand strong{color:#172033}.demo-box{background:#eaf2ff;color:#334155}.demo-box code{color:#1d4ed8}

@media(max-width:900px){
  .menu-toggle{display:grid}
  body.menu-open{overflow:hidden}
  body.menu-open:after{content:'';position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:40;backdrop-filter:blur(2px)}
  .sidebar{width:min(84vw,310px);padding-top:18px;z-index:50}
  .sidebar nav a{min-height:47px;font-size:14px}
  .topbar{height:62px;padding:0 16px}
  .content{padding:22px 16px 48px}
}

@media(max-width:600px){
  html{font-size:16px}
  .content{padding:18px 12px 40px}
  .crumb{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .page-heading{margin-bottom:18px;gap:14px}.page-heading h1{font-size:26px;margin:4px 0}.page-heading p{font-size:12px;line-height:1.5}.eyebrow{font-size:8px}
  .metric-grid{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.metric-card{min-height:86px;padding:12px;align-items:flex-start;flex-direction:column;gap:8px}.metric-icon{width:34px;height:34px}.metric-card small{font-size:9px;white-space:normal;line-height:1.25}.metric-card strong{font-size:16px;white-space:normal}
  .dashboard-grid{gap:12px;margin-bottom:12px}.card,.form-card{padding:15px;border-radius:12px}.card-head{align-items:flex-start}.card-head h3{font-size:16px}.chart-wrap{height:235px}.chart-wrap.small{height:205px}
  .toolbar{gap:9px}.searchbox{min-width:0}.filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.filters select,.filters input,.filters .btn{width:100%;min-width:0}.filters .btn:last-child:nth-child(odd){grid-column:1/-1}
  .form-grid,.form-grid.two{gap:13px}.form-actions{position:sticky;bottom:0;background:#fff;margin:14px -15px -15px;padding:12px 15px;z-index:5;box-shadow:0 -5px 18px rgba(15,23,42,.07)}.form-actions .btn{flex:1}
  input,select,textarea{font-size:16px;min-height:46px;padding:11px 12px}.btn{min-height:44px;font-size:13px}.icon-action{width:42px;height:42px}
  .table-card{border:0;background:transparent;box-shadow:none;overflow:visible}.table-scroll{overflow:visible}table{white-space:normal}thead{display:none}tbody,tbody tr,tbody td{display:block;width:100%}tbody tr{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:7px 12px;box-shadow:0 4px 14px rgba(15,23,42,.05)}tbody tr:hover{background:#fff}tbody td{display:grid;grid-template-columns:minmax(92px,36%) 1fr;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f6;font-size:13px;overflow-wrap:anywhere}tbody td:last-child{border-bottom:0}tbody td:before{content:attr(data-label);font-size:9px;line-height:1.25;font-weight:700;letter-spacing:.45px;color:#64748b;text-transform:uppercase}tbody td[colspan]{display:block;text-align:center}.actions{justify-content:flex-end}.pagination-note{padding:8px 2px 14px}
  .profile-head{padding:18px;border-radius:14px;gap:13px}.company-avatar{width:52px;height:52px}.profile-head h1{font-size:21px}.profile-head p{line-height:1.5}.profile-stats{grid-template-columns:1fr 1fr;gap:9px}.profile-stat{padding:12px}.profile-stat strong{font-size:14px}.detail-grid{grid-template-columns:1fr}.tabs{margin-left:-15px;margin-right:-15px;padding:0 8px}.tabs button{min-height:44px}
  .modal{align-items:flex-end;padding:0}.modal-card,.modal-card.large{border-radius:18px 18px 0 0;padding:18px 15px;max-height:92vh}.modal-head{margin-bottom:16px}.modal-head h2{font-size:19px}.modal-head button{width:42px;height:42px}
  .toast{top:72px}.login-panel{padding:24px 18px}.login-card h2{font-size:28px}.login-brand{padding-bottom:15px}
}

@media(max-width:380px){.metric-grid{grid-template-columns:1fr}.profile-stats{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.filters .btn:last-child:nth-child(odd){grid-column:auto}}

/* Minimal centred login */
.login-page{min-height:100vh;display:block;background:#eef3f9}
.login-panel{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 18px;background:transparent}
.login-card{width:min(420px,100%);gap:20px;padding:34px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 55px rgba(15,23,42,.1)}
.login-logo-slot{width:132px;height:88px;margin:0 auto 3px;border:2px dashed #b8c5d8;border-radius:14px;background:#f7f9fc;color:#708099;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}
.login-logo-slot i{font-size:24px}.login-logo-slot span{font-size:9px;font-weight:700;letter-spacing:1.4px}
.login-heading{text-align:center}.login-heading h1{margin:0;font-size:28px;letter-spacing:-.03em}.login-heading p{margin:7px 0 0;color:var(--muted);font-size:12px}
.login-card>label{font-size:11px}.login-card .btn.wide{min-height:48px;font-size:14px}
@media(max-width:600px){.login-panel{padding:16px}.login-card{padding:26px 20px;border-radius:16px}.login-logo-slot{width:120px;height:78px}}

.sale-type-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.sale-type-choice label{cursor:pointer}.sale-type-choice input{position:absolute;opacity:0;pointer-events:none}.sale-type-choice span{min-height:76px;border:1px solid #cfd8e6;border-radius:12px;padding:14px 16px;display:grid;grid-template-columns:34px 1fr;align-items:center;column-gap:10px;background:#fff}.sale-type-choice i{grid-row:1/3;width:34px;height:34px;border-radius:9px;background:#eef2f7;color:#64748b;display:grid;place-items:center}.sale-type-choice strong,.sale-type-choice small{display:block}.sale-type-choice strong{font-size:13px}.sale-type-choice small{font-size:10px;color:var(--muted)}.sale-type-choice input:checked+span{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.sale-type-choice input:checked+span i{background:#2563eb;color:#fff}
@media(max-width:600px){.sale-type-choice{gap:8px}.sale-type-choice span{min-height:84px;padding:11px;grid-template-columns:30px 1fr}.sale-type-choice i{width:30px;height:30px}}
.invoice-amount{color:#1d4ed8}.cash-amount{color:#16805c}
.optional-label{margin-left:5px;padding:2px 6px;border-radius:10px;background:#eef2f7;color:#64748b;font-size:8px;font-weight:600}.field-hint{color:var(--muted);font-size:9px;line-height:1.4}
.client-price-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}.client-price-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border-bottom:1px solid #edf1f6}.client-price-row:last-child{border-bottom:0}.client-price-row span strong,.client-price-row span small{display:block}.client-price-row span strong{font-size:12px}.client-price-row span small{color:var(--muted);font-size:9px;margin-top:3px}.price-input{position:relative;width:190px;flex:none}.price-input input{padding-right:48px}.price-input b{position:absolute;right:11px;top:14px;color:var(--muted);font-size:9px}.form-info{display:flex;gap:10px;align-items:center;padding:13px;border-radius:10px;background:#eff6ff;color:#475569;font-size:11px}.form-info i{color:#2563eb}
@media(max-width:600px){.client-price-row{align-items:flex-start;flex-direction:column;gap:9px}.price-input{width:100%}}
.exception-discount{margin-top:18px;border:1px solid var(--line);border-radius:11px;background:#f8fafc}.exception-discount summary{padding:13px 15px;color:#64748b;font-size:11px;font-weight:700;cursor:pointer;list-style:none}.exception-discount summary::-webkit-details-marker{display:none}.exception-discount summary i{margin-right:7px;color:#b66a13}.exception-discount[open] summary{border-bottom:1px solid var(--line)}.exception-discount .form-grid{padding:14px}
.client-pricelist-summary{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.client-pricelist-summary h3{font-size:15px;margin:0 0 10px}.client-pricelist-summary>div{display:grid;grid-template-columns:1fr auto 90px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f6;font-size:11px}.client-pricelist-summary>div:last-child{border-bottom:0}.client-pricelist-summary small{color:var(--muted);text-align:right;font-size:9px}.client-pricelist-summary strong{color:#1d4ed8}@media(max-width:600px){.client-pricelist-summary>div{grid-template-columns:1fr auto}.client-pricelist-summary small{grid-column:1/-1;text-align:left}}
.inventory-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.inventory-summary article{display:flex;align-items:center;gap:13px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.inventory-summary small,.inventory-summary strong,.inventory-summary em{display:block}.inventory-summary small{font-size:9px;color:var(--muted)}.inventory-summary strong{font-size:18px;margin-top:3px}.inventory-summary em{font-size:9px;color:var(--muted);font-style:normal}.product-type-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.product-type-choice label{cursor:pointer}.product-type-choice input{position:absolute;opacity:0}.product-type-choice span{display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:11px}.product-type-choice i{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#eef2f7;color:#64748b}.product-type-choice strong,.product-type-choice small{display:block}.product-type-choice small{font-size:9px;color:var(--muted)}.product-type-choice input:checked+span{border-color:#2563eb;background:#eff6ff}.product-type-choice input:checked+span i{background:#2563eb;color:#fff}.danger-stock{color:var(--red)}@media(max-width:600px){.inventory-summary{grid-template-columns:1fr}.product-type-choice{gap:7px}.product-type-choice span{grid-template-columns:30px 1fr;padding:10px}.product-type-choice i{width:30px;height:30px}}