@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500&display=swap");:root{--navy:#0b1f2a;--navy-deep:#071018;--navy-mid:#0f2d3d;--teal:#2dd4a8;--teal-dim:#1a9b7a;--teal-glow:rgba(45,212,168,0.22);--sky:#7dd3fc;--sky-dim:rgba(125,211,252,0.14);--bg:var(--navy-deep);--bg-elevated:#0e1c26;--bg-soft:#132532;--bg-hover:#1a3040;--border:rgba(125,211,252,0.12);--border-strong:rgba(125,211,252,0.22);--text:#f0f6fa;--muted:#8ba3b5;--muted-strong:#a8bcc9;--accent:var(--teal);--accent-dim:var(--teal-dim);--warn:#f5c842;--warn-dim:rgba(245,200,66,0.12);--danger:#f07178;--danger-dim:rgba(240,113,120,0.12);--info:var(--sky);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-soft:0 4px 24px rgba(0,0,0,0.35);--shadow-glow:0 0 0 1px var(--border),0 8px 32px rgba(0,0,0,0.4);--focus-ring:0 0 0 2px var(--navy-deep),0 0 0 4px var(--teal);--sidebar-width:260px;--header-mobile:56px}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{margin:0;padding:0;min-height:100%;background-color:var(--bg);background-image:radial-gradient(ellipse 90% 55% at 0 -5%,rgba(125,211,252,.08) 0,transparent 55%),radial-gradient(ellipse 70% 45% at 100% 0,var(--teal-glow) 0,transparent 50%),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(15,45,61,.6) 0,transparent 55%),linear-gradient(180deg,var(--navy-deep) 0,var(--navy) 100%);color:var(--text);font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh}.mobile-topbar,.sidebar-backdrop{display:none}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.mobile-topbar{display:flex;align-items:center;gap:.75rem;position:sticky;top:0;z-index:40;height:var(--header-mobile);padding:0 1rem;background:rgba(7,16,24,.92);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:min(var(--sidebar-width),88vw);transform:translateX(-105%);transition:transform .22s ease;box-shadow:var(--shadow-soft)}.sidebar.open{transform:translateX(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:45;background:rgba(4,10,14,.65);backdrop-filter:blur(2px);border:none;cursor:pointer}.main{padding-top:.75rem}}.sidebar{border-right:1px solid var(--border);background:linear-gradient(180deg,rgba(11,31,42,.98),rgba(7,16,24,.98));padding:1.35rem 1rem 1.5rem;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal) 0,var(--sky) 55%,transparent 100%);opacity:.85;pointer-events:none}.brand{position:relative;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.brand-logo{display:block;width:100%;max-width:200px;height:auto;margin-bottom:.65rem}.portal-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sky);background:var(--sky-dim);border:1px solid rgba(125,211,252,.25);border-radius:999px;padding:.2rem .55rem}.portal-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal)}.nav{flex:1}.nav-label{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem .75rem}.nav a{display:block;padding:.6rem .85rem;border-radius:var(--radius-sm);color:var(--muted-strong);margin-bottom:.2rem;font-weight:500;font-size:.92rem;border:1px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease}.nav a:hover{background:var(--bg-soft);color:var(--text);border-color:var(--border)}.nav a.active{background:linear-gradient(90deg,rgba(45,212,168,.14),rgba(125,211,252,.06));color:var(--text);border-color:rgba(45,212,168,.35);box-shadow:inset 3px 0 0 var(--teal)}.sidebar-footer{margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--border)}.sidebar-user{font-size:.82rem;color:var(--muted);margin-bottom:.65rem;word-break:break-all}.main{padding:1.75rem clamp(1rem,3vw,2rem) 2.5rem;max-width:1400px}.page-header{margin-bottom:1.75rem}.page-title{font-size:clamp(1.35rem,2.5vw,1.65rem);font-weight:700;letter-spacing:-.025em;margin:0 0 .35rem;color:var(--text)}.page-sub{color:var(--muted);margin:0;max-width:52ch;font-size:.95rem;line-height:1.55}.dashboard-section{margin-bottom:2rem}.section-head{display:flex;align-items:baseline;gap:.65rem;margin-bottom:.85rem}.section-title{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.section-title.attention{color:var(--warn)}.section-rule{flex:1;height:1px;background:linear-gradient(90deg,var(--border-strong) 0,transparent 100%)}.grid-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem}.stat{background:linear-gradient(145deg,var(--bg-elevated) 0,rgba(14,28,38,.95) 100%);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.05rem 1.1rem;transition:border-color .15s ease,box-shadow .15s ease}.stat:hover{border-color:var(--border-strong)}.stat .label{color:var(--muted);font-size:.8rem;font-weight:500;line-height:1.35}.stat .value{font-size:1.45rem;font-weight:700;margin-top:.4rem;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text)}.stat.finance .value{color:var(--sky)}.stat.attention{border-color:rgba(245,200,66,.35);background:linear-gradient(145deg,rgba(245,200,66,.06) 0,var(--bg-elevated) 100%)}.stat.attention.hot .value{color:var(--warn)}.stat.attention .label:after{content:none}.stat.ok-highlight{border-color:rgba(45,212,168,.3)}.stat.ok-highlight .value{color:var(--teal)}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-soft)}.panel:has(.table){overflow-x:auto}.panel.pad{padding:1.15rem 1.25rem}.panel-head{padding:.85rem 1.15rem;border-bottom:1px solid var(--border);font-weight:600;font-size:.9rem}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table td,.table th{text-align:left;padding:.8rem 1.1rem;border-bottom:1px solid var(--border);vertical-align:top}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:rgba(125,211,252,.04)}.table th{color:var(--muted);font-weight:600;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;background:rgba(0,0,0,.2)}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;font-family:IBM Plex Mono,ui-monospace,monospace;letter-spacing:.02em;background:var(--bg-soft);border:1px solid var(--border);color:var(--muted-strong)}.badge.ok{color:var(--teal);background:rgba(45,212,168,.1);border-color:rgba(45,212,168,.35)}.badge.warn{color:var(--warn);background:var(--warn-dim);border-color:rgba(245,200,66,.4)}.badge.danger{color:var(--danger);background:var(--danger-dim);border-color:rgba(240,113,120,.4)}.badge.info{color:var(--sky);background:var(--sky-dim);border-color:rgba(125,211,252,.35)}.btn{appearance:none;border:1px solid var(--border-strong);background:var(--bg-soft);color:var(--text);border-radius:var(--radius-sm);padding:.5rem .95rem;cursor:pointer;font-weight:500;font-size:.88rem;transition:background .15s ease,border-color .15s ease,transform .1s ease}.btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--muted)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,var(--teal) 0,var(--teal-dim) 100%);border-color:rgba(45,212,168,.6);color:#041510;font-weight:600;box-shadow:0 2px 12px rgba(45,212,168,.25)}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#3ee0b5 0,var(--teal) 100%);border-color:var(--teal)}.btn.danger{border-color:rgba(240,113,120,.45);color:var(--danger);background:var(--danger-dim)}.btn.danger:hover:not(:disabled){background:rgba(240,113,120,.18)}.btn.ghost{background:transparent;border-color:var(--border)}.btn.icon{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .65rem;min-width:2.5rem}.btn+.btn{margin-left:.35rem}.form{display:grid;gap:.85rem;max-width:420px}.form label{display:grid;gap:.4rem;color:var(--muted-strong);font-size:.88rem;font-weight:500}.form input,.form select,.form textarea{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);padding:.7rem .85rem;transition:border-color .15s ease,box-shadow .15s ease}.form input:hover,.form select:hover,.form textarea:hover{border-color:var(--muted)}.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--teal);box-shadow:var(--focus-ring)}.alert,.error{margin:.75rem 0;padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;line-height:1.45}.alert-danger,.error{color:#ffc4c8;background:var(--danger-dim);border:1px solid rgba(240,113,120,.35)}.alert-warn{color:#fde68a;background:var(--warn-dim);border:1px solid rgba(245,200,66,.35)}.alert-info{color:#bae6fd;background:var(--sky-dim);border:1px solid rgba(125,211,252,.35)}.alert-success{color:#a7f3d0;background:rgba(45,212,168,.1);border:1px solid rgba(45,212,168,.35)}.muted{color:var(--muted)}.row-actions{display:flex;flex-wrap:wrap;gap:.4rem}.row-actions .btn+.btn{margin-left:0}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1.5rem;position:relative}.login-wrap:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(125,211,252,.06) 1px,transparent 0);background-size:28px 28px;pointer-events:none;opacity:.5}.login-card{position:relative;width:min(440px,100%);background:linear-gradient(165deg,rgba(14,28,38,.98),rgba(11,31,42,.95));border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:2rem 2rem 1.75rem;box-shadow:var(--shadow-glow)}.login-card:before{content:"";position:absolute;top:0;left:1.5rem;right:1.5rem;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--teal),var(--sky))}.login-card .page-title{font-size:1.35rem}.login-card .page-sub{margin-bottom:1.5rem}.login-card .form{max-width:none}.login-trust{margin-top:1.25rem;padding-top:1.15rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--muted);line-height:1.5}.supplier-hero{display:grid;gap:1rem}.supplier-identity{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.supplier-identity strong{font-size:1.15rem;letter-spacing:-.02em}.supplier-callout{display:flex;gap:.75rem;padding:.85rem 1rem;border-radius:var(--radius-sm);background:var(--sky-dim);border:1px solid rgba(125,211,252,.2);font-size:.88rem;color:var(--muted-strong);line-height:1.5}.supplier-callout strong{color:var(--sky);font-weight:600}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1rem;background:rgba(4,10,16,.72);backdrop-filter:blur(6px)}.modal-card{width:min(480px,100%);padding:1.25rem 1.35rem;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-strong);box-shadow:var(--shadow-glow)}.chat-thread{display:flex;flex-direction:column;gap:.75rem;max-height:360px;overflow:auto;margin:1rem 0}.chat-bubble{padding:.75rem .9rem;border-radius:var(--radius-sm);background:var(--bg-soft);border:1px solid var(--border)}.chat-bubble .meta{font-size:.75rem;color:var(--muted);margin-bottom:.35rem}.loading-pulse{color:var(--muted);animation:pulse-muted 1.4s ease-in-out infinite}@keyframes pulse-muted{0%,to{opacity:.55}50%{opacity:1}}