@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Source+Sans+3:wght@400;500;600&display=swap";:root{color-scheme:light;font-family:"Source Sans 3",Segoe UI,sans-serif;line-height:1.45;font-weight:400;color:#152238;background:#f6f9fc;--ink: #152238;--teal: #0f766e;--teal-strong: #115e59;--orange: #ea580c;--muted: #5b6b85;--line: #d7e1ec;--surface: #ffffff;--surface-soft: #f9fbff;--panel-ink: #0b1220;--accent-coral: #e95a30}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 9% 8%,#b6efe6 0,transparent 30%),radial-gradient(circle at 88% 13%,#ffd9b8 0,transparent 30%),linear-gradient(140deg,#f6f8fc,#edf2fb 43%,#f7fbff)}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.page-title{font-family:Space Grotesk,Segoe UI,sans-serif}ul{margin:0;padding-left:1.2rem}input,select,button{width:100%;font:inherit;padding:.65rem .75rem;border-radius:.75rem;border:1px solid #c8d6e6}button{cursor:pointer}input:focus,select:focus,button:focus{outline:2px solid #6ad2c6;outline-offset:1px}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:linear-gradient(165deg,#0e172a,#15233e 58%,#1d2a45),repeating-linear-gradient(135deg,#ffffff08 0,#ffffff08 8px,#fff0 8px,#fff0 16px);color:#e2e8f0;padding:1.5rem 1rem;border-right:1px solid rgba(255,255,255,.12)}.brand{font-size:1.2rem;font-weight:700;display:inline-block;margin:0 0 1.2rem .4rem;letter-spacing:.02em}.nav-link{display:block;padding:.6rem .75rem;border-radius:.7rem;margin-bottom:.45rem;color:#cbd5e1;border:1px solid transparent;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.nav-link-active,.nav-link:hover{background:#94ffe724;color:#f8fafc;border-color:#9df4e673}.main-content{padding:1.5rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:.9rem;margin-bottom:1.25rem;background:linear-gradient(160deg,#ffffffd9,#f7fbffb3);border:1px solid rgba(190,207,226,.85);border-radius:1rem;padding:.9rem 1rem;box-shadow:0 12px 26px #1326400f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-title-wrap{display:flex;align-items:center;gap:.8rem}.page-title{font-size:1.12rem;font-weight:700}.nav-toggle{display:none;width:auto}.sidebar-backdrop{display:none}.stack{display:grid;gap:1rem}.grid{display:grid;gap:.75rem}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(5,minmax(0,1fr))}.card{background:linear-gradient(180deg,#fff,#f9fbff);border:1px solid var(--line);border-radius:1rem;padding:.9rem;box-shadow:0 10px 25px #0e1b2d0a}.card h2{margin-bottom:.55rem;font-size:1.03rem}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;margin-bottom:.7rem}.card-header-tight{margin-bottom:.5rem}.card-subtitle{color:var(--muted);font-size:.9rem}.detail-panel{margin-bottom:.9rem}.detail-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.9rem}.detail-panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.detail-list,.detail-meta-list{list-style:none;padding:0;margin:.5rem 0 0;display:grid;gap:.45rem}.detail-list li,.detail-meta-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid #dce6f1;border-radius:.75rem;padding:.55rem .7rem;background:#fbfdff}.detail-meta-list li span,.detail-list li span{color:var(--muted)}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.quick-action-card{display:grid;gap:.35rem;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.quick-action-card:hover{transform:translateY(-2px);border-color:#7fcfc4;box-shadow:0 14px 28px #0e1b2d14}.ops-grid{grid-template-columns:1.2fr 1fr 1.2fr}.ops-panel{min-height:100%}.ops-kpi-card{position:relative;overflow:hidden}.ops-kpi-card:after{content:"";position:absolute;top:0;right:0;width:54px;height:54px;border-radius:0 0 0 22px;background:#0f766e17}.ops-kpi-warn:after{background:#e95a3024}.ops-kpi-good:after{background:#22c55e29}.ops-alert-list,.ops-activity-list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.action-queue-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.action-queue-list .btn{width:auto}.ops-alert{border:1px solid #d4deeb;border-radius:.8rem;padding:.7rem .8rem;background:#f9fbff;display:grid;gap:.25rem}.ops-alert p{color:#4f6280;font-size:.9rem}.ops-alert-high{border-color:#f5b69f;background:#fff5f1}.ops-alert-medium{border-color:#f6d58a;background:#fffaf0}.ops-alert-good{border-color:#8fd9b8;background:#effbf4}.ops-links{display:grid;gap:.6rem}.ops-link-card{border:1px solid #d8e2ef;border-radius:.85rem;padding:.72rem .8rem;background:#fbfdff;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.ops-link-card h3{color:var(--panel-ink);margin-bottom:.2rem;font-size:1rem}.ops-link-card p{color:#546787;font-size:.9rem}.ops-link-card:hover{transform:translateY(-2px);border-color:#8bc6e9;box-shadow:0 10px 22px #15284312}.ops-activity-list li{border:1px solid #d8e2ef;border-radius:.8rem;padding:.65rem .75rem;background:#fbfdff;display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:center}.ops-activity-list li p{color:#546787;font-size:.88rem}.ops-activity-list li time{color:#64748b;font-size:.8rem}.ops-activity-type{font-size:.76rem;font-weight:700;color:#0d9488;background:#e6f8f6;border-radius:999px;padding:.15rem .5rem}.quick-action-card h2{margin-bottom:0}.stat-card{min-height:88px;display:grid;gap:.2rem}.summary-card{min-height:100px}.stat-card h3{margin-top:.1rem;font-size:1.45rem;font-weight:700}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;border-bottom:1px solid #d8e3ef;padding:.58rem .5rem;font-size:.92rem;vertical-align:top}.table th{color:#274261;font-weight:600;background:#f3f8ff;letter-spacing:.01em}.stock-chip{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;padding:.18rem .55rem;border-radius:999px;background:#e8f7f4;color:#115e59;font-weight:700}.stock-chip-low{background:#ffedd5;color:#9a3412}.table tr:hover td{background:#f9fcff}.table-card{overflow:hidden}.btn{width:auto;background:linear-gradient(145deg,var(--teal) 0%,var(--teal-strong) 100%);color:#fff;border:none;font-weight:600;transition:transform .15s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:#fff;color:#1f3a5f;border:1px solid #b7cadf}.btn-small{width:auto;padding:.38rem .58rem;font-size:.82rem}.muted{color:var(--muted);font-size:.92rem}.role-chip{margin-top:.2rem}.inline-actions{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.inline-actions input{min-width:120px}.screen-center{min-height:100vh;display:grid;place-items:center}.auth-card{width:min(460px,calc(100vw - 2rem));display:grid;gap:.8rem}.status{color:#b91c1c;font-size:.9rem}.text-button{border:none;background:transparent;color:#0f766e;text-align:left;padding:0}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.chart-wrap{margin-top:.5rem;width:100%;min-height:240px}.analytics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-chart-wrap{min-height:300px}.analytics-chart-wrap-sm{min-height:280px}.low-stock-list{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.55rem}.low-stock-list li{display:flex;justify-content:space-between;align-items:center;border:1px solid #dce6f1;background:#fbfdff;border-radius:.75rem;padding:.6rem .7rem}.customer-profile-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.customer-risk-wrap{text-align:right;display:grid;gap:.35rem}.customer-risk-low{color:#166534;background:#dcfce7;border-color:#86efac}.customer-risk-medium{color:#9a3412;background:#ffedd5;border-color:#fdba74}.customer-risk-high{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.customer-segment-vip{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.customer-segment-watchlist{color:#9f1239;background:#ffe4e6;border-color:#fda4af}.customer-segment-standard{color:#1f2937;background:#e5e7eb;border-color:#cbd5e1}.customer-360-grid{grid-template-columns:1fr 1.4fr 1fr}.customer-activity-panel{max-height:520px;overflow:auto}.customer-back-link{width:auto;display:inline-flex;align-items:center}.customer-segment-cell{display:grid;gap:.35rem}.procurement-grid,.procurement-analytics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.procurement-receive-row{width:100%;display:grid;gap:.5rem}.procurement-receive-row .inline-actions input{max-width:120px}.status-badge{color:#7c2d12;background:#ffedd5;border:1px solid #fdba74;border-radius:999px;padding:.15rem .6rem;font-size:.8rem}.table-controls{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.65rem}.table-controls input,.table-controls select{width:auto;min-width:170px;background:#fff}.filter-pills{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:.75rem}.filter-pill{width:auto}.filter-pill-active{box-shadow:inset 0 0 0 1px #ffffff59}.sortable-button{border:none;background:transparent;width:auto;padding:0;color:inherit;font-weight:600}.sort-icon{display:inline-block;min-width:16px;margin-left:4px;color:#0f766e}.toast-region{position:fixed;right:1rem;top:1rem;z-index:200;display:grid;gap:.55rem;width:min(340px,calc(100vw - 2rem))}.toast{display:flex;align-items:center;justify-content:space-between;gap:.6rem;border-radius:.75rem;padding:.6rem .75rem;border:1px solid;box-shadow:0 8px 20px #0c1c2d1f;background:#fff}.toast-success{border-color:#84cc16}.toast-error{border-color:#ef4444}.toast-info{border-color:#0ea5e9}.toast-close{width:auto;border:none;background:transparent;color:#475569;padding:0}.route-skeleton{min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:#f6f9fc}.pagination-controls{margin-top:.8rem;display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap}.pagination-summary{display:inline-flex;gap:.6rem;color:#5b6b85;font-size:.9rem}.pagination-actions{display:inline-flex;gap:.5rem;align-items:center}.pagination-actions select{width:auto}.table-fetch-bar{height:3px;width:100%;border-radius:999px;background:linear-gradient(90deg,#14b8a6,#22c55e,#14b8a6);background-size:200% 100%;animation:table-fetch-slide .9s linear infinite;margin-bottom:.7rem}@keyframes table-fetch-slide{0%{background-position:100% 0}to{background-position:0 0}}.route-skeleton-sidebar{padding:1.2rem;background:linear-gradient(160deg,#0f172a,#1f2937)}.route-skeleton-main{padding:1.2rem;display:grid;gap:.9rem}.skeleton-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.skeleton-block{border-radius:.8rem;background:linear-gradient(90deg,#e2e8f0 20%,#f1f5f9,#e2e8f0 60%);background-size:220% 100%;animation:shimmer 1.25s infinite}.skeleton-brand{height:34px;margin-bottom:1.2rem}.skeleton-nav{height:36px;margin-bottom:.45rem}.skeleton-title{height:44px}.skeleton-card{height:92px}.skeleton-table{height:300px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:1080px){.grid-4,.grid-3,.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-panel-grid,.ops-grid,.customer-360-grid,.analytics-grid,.procurement-grid,.procurement-analytics-grid{grid-template-columns:1fr}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:100;inset:0 auto 0 0;width:min(280px,82vw);transform:translate(-110%);transition:transform .2s ease;overflow-y:auto}.sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:none;border-radius:0;margin:0;padding:0;background:#0f172a6b;opacity:0;pointer-events:none;z-index:90;transition:opacity .2s ease}.sidebar-backdrop.sidebar-backdrop-open{opacity:1;pointer-events:auto}.nav-toggle{display:inline-flex}.topbar{flex-wrap:wrap}.main-content{padding:1rem}.grid-4,.grid-3,.quick-actions-grid{grid-template-columns:1fr}.detail-panel-header{flex-direction:column}.page-title-row{flex-direction:column;align-items:flex-start}.customer-profile-hero{flex-direction:column}.customer-risk-wrap{text-align:left}.card{overflow-x:auto}.table-controls input,.table-controls select{width:100%}.route-skeleton{grid-template-columns:1fr}.route-skeleton-sidebar{min-height:170px}.skeleton-grid{grid-template-columns:1fr}}