:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#e8edf5,transparent 38%),#f5f7fa}.login-card{width:min(100%,440px);background:#fff;border:1px solid #e7ebf1;border-radius:22px;padding:42px;box-shadow:0 24px 70px #17203312}.brand-mark{height:48px;width:48px;border-radius:14px;background:#172033;color:#fff;display:grid;place-items:center;font:800 25px Inter;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#8892a4;margin:0 0 9px}.login-card h1,.welcome-row h1{font:800 29px Inter;margin:0 0 10px;letter-spacing:-1px}.muted{color:#7b8494;font-size:13px;line-height:1.65;margin:0}.login-form label{display:grid;gap:8px;font-size:12px;font-weight:700;color:#424c5e}.login-form input{width:100%;padding:13px 14px;border:1px solid #dfe4eb;border-radius:10px;outline:none}.login-form input:focus{border-color:#64748b;box-shadow:0 0 0 3px #64748b18}.primary-btn{border:0;background:#172033;color:#fff;border-radius:10px;padding:14px;font-weight:700}.primary-btn:disabled{opacity:.6}.login-foot{text-align:center;color:#9aa2af;font-size:11px;margin:27px 0 0}.notice,.setup-banner{display:flex;gap:12px;align-items:flex-start;background:#f2f5f9;color:#526075;border:1px solid #e3e8ef;padding:15px;border-radius:12px;font-size:12px;line-height:1.6;margin-top:25px}.error{color:#b42318;font-size:12px;margin:0}.app-shell{min-height:100vh;display:flex}.sidebar{width:252px;background:#151e2e;color:#d8deea;display:flex;flex-direction:column;padding:25px 16px;flex-shrink:0}.side-brand{display:flex;align-items:center;gap:11px;padding:0 10px 34px}.brand-mark.small{width:37px;height:37px;border-radius:11px;font-size:19px;margin:0;background:#fff;color:#172033}.side-brand strong{display:block;font:800 17px Inter;letter-spacing:1px;color:#fff}.side-brand span{display:block;font-size:8px;letter-spacing:1.2px;color:#8e9aaf;margin-top:3px}.workspace-label{font-size:9px;letter-spacing:1.5px;color:#77849a;font-weight:700;padding:0 12px 12px}.sidebar nav{display:grid;gap:5px}.nav-item,.logout{border:0;background:transparent;color:#aeb9ca;padding:11px 12px;border-radius:9px;display:flex;align-items:center;gap:12px;text-align:left;font-size:12px}.nav-item.active{background:#29364a;color:#fff}.nav-item:hover,.logout:hover{background:#253247;color:#fff}.sidebar-bottom{margin-top:auto}.secure-tag{display:flex;gap:8px;align-items:center;color:#8c9bb0;font-size:10px;padding:14px 12px;border-top:1px solid #2b3545}.logout{width:100%}.main-panel{flex:1;min-width:0}.topbar{height:83px;background:#fff;border-bottom:1px solid #e9edf2;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.topbar h2{font:700 17px Inter;margin:0}.user-chip{font-size:11px;color:#657084;display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:#24a36a}.content{max-width:1240px;padding:38px 42px;margin:auto}.welcome-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.welcome-row h1{font-size:27px}.today-pill{font-size:10px;font-weight:700;color:#4e5a6d;background:#fff;border:1px solid #e7ebf1;padding:10px 13px;border-radius:9px;white-space:nowrap}.today-pill span{color:#a1aab8;padding:0 5px}.setup-banner{background:#fff;border-color:#e4e9f0;color:#647084;margin-top:28px;padding:18px}.setup-banner svg{color:#526b8b;flex-shrink:0}.setup-banner strong{font-size:12px;color:#263246}.setup-banner p{margin:4px 0 0;font-size:11px}.section-heading{margin:36px 0 16px}.section-heading h3{font:700 15px Inter;margin:0 0 4px}.section-heading p{font-size:11px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.module-card{background:#fff;border:1px solid #e7ebf1;border-radius:13px;padding:17px;display:flex;align-items:center;gap:12px;text-align:left;color:#263246;transition:.15s}.module-card:hover{border-color:#b8c3d1;transform:translateY(-1px)}.module-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#f1f4f8;color:#52647d;flex-shrink:0}.module-card strong{display:block;font-size:12px}.module-card span:not(.arrow){display:block;font-size:10px;color:#929baa;margin-top:4px}.module-card .arrow{margin-left:auto;color:#a2aab6;font-size:15px}.disclaimer{font-size:10px;color:#9aa2af;margin-top:20px}@media(max-width:900px){.sidebar{width:210px}.content{padding:30px 24px}.topbar{padding:0 24px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.app-shell{display:block}.sidebar{width:100%;padding:14px;display:block}.side-brand{padding:0 7px 15px}.workspace-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto}.nav-item{white-space:nowrap;padding:9px}.nav-item span{font-size:10px}.topbar{height:68px;padding:0 17px}.user-chip{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{padding:25px 17px}.welcome-row{align-items:flex-start;flex-direction:column}.welcome-row h1{font-size:23px}.module-grid{grid-template-columns:1fr}.login-card{padding:30px 24px}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f5f6f8}.login-card{width:min(100%,440px);background:#fff;border:1px solid #e7ebf1;border-radius:12px;padding:42px;box-shadow:0 24px 70px #17203312}.login-card h1{font-size:29px;margin:0 0 10px;letter-spacing:-1px}.login-card .brand-mark{border-radius:0;background:#172033;color:#d4b77f;font-family:Georgia,serif}.login-form{display:grid;gap:17px;margin-top:30px}.login-form label{display:grid;gap:8px;font-size:12px;font-weight:700;color:#344054}.login-form input{height:46px;border:1px solid #e0e4e9;border-radius:7px;padding:0 13px;outline:none}.login-form input:focus{border-color:#b89a63;box-shadow:0 0 0 3px #b89a631c}.primary-btn{height:47px;border:0;border-radius:7px;background:#172236;color:#fff;font-weight:600}.primary-btn:disabled{opacity:.55}.login-foot{margin-top:25px;color:#9299a7;text-align:center;font-size:11px}.notice{display:flex;gap:10px;padding:13px;background:#fbf7ee;color:#77623e;border:1px solid #eee2c9;border-radius:7px;font-size:12px;line-height:1.6;margin-top:24px}.error{color:#b42318;font-size:12px}.main-area{flex:1;min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid #e9ebef;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.breadcrumb{font-size:12px;color:#6e7888}.breadcrumb span{padding:0 9px;color:#c3c8d0}.top-actions{display:flex;align-items:center;gap:15px}.branch-select{height:36px;border:1px solid #e7e9ed;border-radius:6px;display:flex;align-items:center;gap:8px;padding:0 9px;color:#697386;background:#fff}.branch-select select{border:0;background:transparent;outline:none;color:#3e495a;font-size:11px;max-width:170px}.icon-button{border:0;background:transparent;color:#758092;display:grid;place-items:center;padding:7px}.user-menu{display:flex;align-items:center;gap:9px;border-left:1px solid #e9ebef;padding-left:15px}.avatar{width:31px;height:31px;border-radius:50%;background:#eee7d9;color:#79633d;display:grid;place-items:center;font-weight:700;font-size:12px}.user-meta strong,.user-meta span{display:block}.user-meta strong{font-size:11px}.user-meta span{font-size:9px;color:#9299a7;margin-top:2px}.content{max-width:1500px;margin:0 auto;padding:32px 30px 20px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.page-heading h1{font-size:27px;letter-spacing:-.8px;margin:7px 0 4px}.page-heading p{font-size:11px;color:#8b93a1;margin:0}.live-status{font-size:10px;color:#6c7888;display:flex;align-items:center;gap:7px;padding-bottom:5px}.live-status span,.status-indicator.good{width:6px;height:6px;border-radius:50%;background:#4da47c}.welcome-banner{background:#172338;color:#fff;border-radius:9px;padding:27px 31px;display:flex;justify-content:space-between;align-items:center}.welcome-banner .eyebrow{color:#c9ad78}.welcome-banner h2{font-size:23px;font-weight:500;margin:10px 0 7px}.welcome-banner p{font-size:11px;color:#aeb9c9;margin:0}.banner-art{color:#d2b77f;opacity:.5;margin-right:35px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:27px 0 13px}.section-title h3,.panel-heading h3{font-size:14px;margin:0 0 5px}.section-title p,.panel-heading p{font-size:11px;color:#8b93a1;margin:0}.period-label{font-size:9px;letter-spacing:1.2px;color:#9b8359;border:1px solid #e7ddcb;padding:6px 9px;border-radius:4px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card{background:#fff;border:1px solid #eceef1;border-radius:8px;padding:17px 18px;min-height:120px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#7c8594;font-size:10px}.metric-top svg{color:#b69a68}.metric-card>strong{display:block;font-size:27px;font-weight:500;margin:12px 0 3px}.metric-card>small{font-size:9px;color:#a0a6b0}.lower-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin-top:15px}.panel{background:#fff;border:1px solid #eceef1;border-radius:8px;padding:19px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.panel-heading>svg{color:#b69a68}.branch-row{height:34px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #f0f1f3;font-size:10px;color:#465164}.branch-initial{width:21px;height:21px;border-radius:5px;background:#f3f0e9;color:#9a8051;display:grid;place-items:center;font-size:9px;font-weight:700}.branch-row small{margin-left:auto;font-size:8px;letter-spacing:.8px;color:#a3a9b3}.status-list{display:flex;flex-direction:column;margin-top:20px}.status-list>div{display:flex;align-items:center;gap:9px;padding:13px 0;border-bottom:1px solid #f0f1f3;font-size:10px;color:#566174}.status-list strong{margin-left:auto;font-size:9px;color:#6e7888;font-weight:600}.status-indicator{width:6px;height:6px;border-radius:50%;background:#c5cbd4}.status-indicator.neutral{background:#c5a66d}.module-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 13px}.module-context{display:flex;gap:8px;color:#818998;font-size:10px}.search-box{height:34px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #e5e8ec;border-radius:6px;background:#fff;color:#9099a7}.search-box input{border:0;outline:0;font-size:10px;width:170px;color:#303b4d}.data-panel{padding:0;overflow:hidden}.data-panel .panel-heading{padding:19px 19px 4px}.record-count{font-size:9px;color:#9099a7}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#fafbfc;color:#828b99;font-size:9px;font-weight:700;letter-spacing:.4px;padding:12px 15px;border-top:1px solid #eef0f2;border-bottom:1px solid #eef0f2}td{padding:13px 15px;border-bottom:1px solid #f0f1f3;font-size:10px;color:#465164}tbody tr:hover{background:#fcfcfd}.empty-state{min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px;color:#8992a0;font-size:11px}.empty-state strong{font-size:11px;color:#344054;margin-bottom:6px}.empty-state span{font-size:10px;color:#969eaa;max-width:290px;line-height:1.6}.empty-icon{width:43px;height:43px;border-radius:50%;background:#f5f2eb;color:#a78a58;display:grid;place-items:center;margin-bottom:12px}.loader{width:22px;height:22px;border:2px solid #e7e9ed;border-top-color:#b89a63;border-radius:50%;animation:hubspin .8s linear infinite;margin-bottom:12px}@keyframes hubspin{to{transform:rotate(360deg)}}.inline-error{display:flex;align-items:flex-start;gap:10px;margin:14px 19px;padding:13px;border:1px solid #f0d6d3;background:#fff8f7;border-radius:6px;color:#9d3d35}.inline-error svg{flex:none}.inline-error strong,.inline-error span{display:block}.inline-error strong{font-size:11px;margin-bottom:4px}.inline-error span{font-size:10px;line-height:1.5;overflow-wrap:anywhere}.module-placeholder{min-height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.module-placeholder h3{font-size:17px;margin:0 0 7px}.module-placeholder p{font-size:12px;color:#8b93a1;max-width:430px;line-height:1.7}.page-footer{display:flex;justify-content:space-between;color:#a2a8b2;font-size:9px;padding:25px 2px 5px}.page-footer span:last-child{display:flex;align-items:center;gap:5px}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:16px;color:#657084;font-size:13px}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:26px 20px}}@media(max-width:720px){.sidebar{width:62px;padding:18px 8px}.sidebar-brand{padding:0 4px 28px}.sidebar-brand>div:last-child,.workspace-label,.nav-item span,.sidebar-bottom{display:none}.nav-item{justify-content:center;padding:12px 0}.topbar{height:60px;padding:0 12px}.top-actions{gap:5px}.branch-select{max-width:145px}.branch-select select{max-width:95px}.user-meta{display:none}.user-menu{padding-left:7px}.content{padding:22px 13px}.page-heading h1{font-size:23px}.welcome-banner{padding:22px 18px}.welcome-banner h2{font-size:18px}.banner-art{margin-right:0}.banner-art svg{width:48px}.metric-grid{gap:8px}.metric-card{padding:13px;min-height:110px}.lower-grid{grid-template-columns:1fr}.page-footer{gap:10px;flex-wrap:wrap}.module-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.search-box,.search-box input{width:100%}}.master-form{margin-bottom:14px}.master-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-field{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:700;color:#566174}.form-field input,.form-field textarea{width:100%;min-height:38px;border:1px solid #e1e5ea;border-radius:6px;padding:8px 10px;font:inherit;font-weight:400;color:#273449;background:#fff;outline:none}.form-field textarea{min-height:66px;resize:vertical}.form-field input:focus,.form-field textarea:focus{border-color:#b89a63;box-shadow:0 0 0 3px #b89a631c}.wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:9px}.compact{height:35px;padding:0 14px;font-size:10px}.secondary-button,.text-button{height:35px;padding:0 13px;border:1px solid #e0e4e9;background:#fff;color:#596579;border-radius:6px;font-size:10px}.text-button{border:0;color:#8a6e3f}.module-actions{display:flex;justify-content:flex-end;margin:0 0 12px}.form-error{color:#b42318;font-size:11px;margin:0}.success-message{padding:10px 13px;margin:0 0 12px;background:#f0f8f3;border:1px solid #d7eadc;color:#28764a;border-radius:6px;font-size:11px}@media(max-width:650px){.master-grid{grid-template-columns:1fr}.wide,.form-actions{grid-column:auto}}@media(max-width:720px){.app-shell{display:block}.sidebar{width:100%;display:block;padding:14px}.side-brand{padding:0 7px 15px}.workspace-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto}.nav-item{white-space:nowrap;padding:9px 10px}.nav-item span{display:inline}.topbar{height:64px;padding:0 14px}.content{padding:22px 14px}}.report-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.report-tabs button{height:auto;min-height:32px;padding:7px 11px}.report-tabs button.active{border-color:#b89a63;background:#f8f4ec;color:#765b31}.report-filters{padding-top:10px;border-top:1px solid #edf0f3}.report-filters .form-field{min-width:0}.report-metrics{margin:0 0 14px}.reports-workspace .panel-heading .form-actions{align-items:center}@media(max-width:650px){.reports-workspace .panel-heading{align-items:flex-start;flex-direction:column}.report-filters{grid-template-columns:1fr}}.text-link{border:0;background:transparent;color:#52647d;font-size:12px;font-weight:600;padding:2px;text-align:center;text-decoration:underline;text-underline-offset:3px}.text-link:disabled{opacity:.55;cursor:wait}.login-form .success-message{font-size:12px;line-height:1.5}.app-shell{display:block;min-height:100vh;padding-bottom:92px}.sidebar{display:none}.main-panel{width:100%;min-width:0;min-height:100vh}.content{padding-bottom:112px}.nav-reveal-zone{position:fixed;left:0;right:0;bottom:0;height:18px;z-index:1001;display:flex;align-items:flex-end;justify-content:center}.nav-reveal-toggle{display:none}.floating-nav{position:fixed;left:50%;bottom:16px;z-index:1002;max-width:calc(100vw - 28px);transform:translate(-50%,calc(100% + 38px));transition:transform .24s ease;background:#fff;border:1px solid #d9e0e8;border-radius:18px;padding:8px;box-shadow:0 14px 42px #0f172a18;color:#1f2937}.floating-nav nav{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}.floating-nav .nav-item{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:11px 12px;border:0;border-radius:12px;background:transparent;color:#334155;font-size:11px;font-weight:600;transition:background .16s ease,color .16s ease}.floating-nav .nav-item:hover{background:#f1f5f9;color:#111827}.floating-nav .nav-item.active{background:#f28c28;color:#111827}.nav-reveal-zone:hover+.floating-nav,.floating-nav:hover,.floating-nav.open{transform:translate(-50%)}@media(max-width:700px){.app-shell{padding-bottom:118px}.content{padding-bottom:132px}.nav-reveal-zone{height:48px;align-items:center}.nav-reveal-toggle{display:flex;align-items:center;gap:8px;border:1px solid #d9e0e8;border-radius:999px;background:#fff;color:#1f2937;padding:10px 16px;font-size:10px;font-weight:800;letter-spacing:1px;box-shadow:0 8px 24px #0f172a18}.floating-nav{bottom:58px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);transform:translate(-50%,calc(100% + 80px));border-radius:15px}.floating-nav nav{gap:3px}.floating-nav .nav-item{padding:10px 11px;font-size:10px}.nav-reveal-zone:hover+.floating-nav{transform:translate(-50%,calc(100% + 80px))}.floating-nav.open,.floating-nav:hover{transform:translate(-50%)}}.report-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid var(--line,#e8ebef);color:var(--muted,#667085);font-size:12px}.report-pagination>div{display:flex;align-items:center;gap:10px}.report-pagination .secondary-button{min-height:34px;padding:7px 12px}@media(max-width:620px){.report-pagination{align-items:flex-start;flex-direction:column}.report-pagination>div{width:100%;justify-content:space-between}}.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid #e5eaf1;color:#64748b;font-size:11px}.table-pagination>div{display:flex;align-items:center;gap:8px}.table-pagination>div>span{font-variant-numeric:tabular-nums;white-space:nowrap}.table-pagination button:disabled{opacity:.42;cursor:not-allowed}@media(max-width:560px){.table-pagination{align-items:flex-start;flex-direction:column}.table-pagination>div{width:100%;justify-content:space-between}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172a8f;display:grid;place-items:center;padding:24px}.po-detail-modal{width:min(1100px,96vw);max-height:90vh;overflow:auto;background:#fff;box-shadow:0 24px 80px #0f172a40;padding:26px;border-radius:16px}.po-detail-modal h2{margin:0 0 6px;font-size:24px}.po-detail-modal .master-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:18px 0}.po-detail-modal .master-grid>div{display:grid;gap:5px;padding:12px;background:#f7f8fa;border-radius:9px}.po-detail-modal small{color:#667085}.po-detail-modal .table-wrap{margin-top:18px}@media(max-width:640px){.modal-backdrop{padding:8px}.po-detail-modal{width:100%;max-height:96vh;padding:16px}}.supplier-entry{display:grid;gap:14px;margin:18px 0 22px}.supplier-context{max-width:420px}.supplier-entry-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(110px,.9fr) minmax(100px,.7fr) minmax(170px,1.2fr);gap:12px;align-items:end}.supplier-entry-row .form-field{min-width:0}.supplier-entry-row input,.supplier-entry-row select{width:100%;min-width:0}.supplier-edit-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;grid-column:1/-1}@media(max-width:760px){.supplier-entry-row{grid-template-columns:minmax(0,1fr) minmax(100px,.8fr)}.supplier-entry-row .form-field:first-child{grid-column:1/-1}}:root{color-scheme:light;--hub-accent:#F28C28;--hub-ink:#20242c;--hub-muted:#747d8b;--hub-line:#eceef2;--hub-canvas:#ffffff;--hub-soft-orange:#fff3e8}html,body,#root{min-height:100%;background:#fff;color:var(--hub-ink)}body{overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button,.nav-item,.icon-button{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f28c2845;outline-offset:2px}.sidebar{display:none!important}.app-shell{display:block!important;min-height:100dvh;padding-bottom:112px!important;background:#fff}.main-panel,.main-area{width:100%;min-width:0;min-height:100dvh;background:#fff}.brand-mark{background:var(--hub-accent)!important;color:#fff!important;border-radius:15px!important}.primary-btn{background:var(--hub-accent)!important;color:#20242c!important;border-radius:13px!important;font-weight:750}.text-link{color:#c96612!important}.login-wrap{background:linear-gradient(180deg,#fff,#fffaf5)!important;padding:22px}.login-card{border:1px solid var(--hub-line)!important;border-radius:24px!important;box-shadow:0 16px 44px #1b24300d!important;padding:30px!important}.login-card .brand-mark{background:var(--hub-accent)!important;color:#fff!important}.topbar{background:#fff!important;border-bottom:1px solid var(--hub-line)!important}.content{width:100%;max-width:920px;margin:0 auto;padding:24px 20px 140px!important;background:#fff}.page-heading{align-items:flex-start}.page-heading h1{font-size:clamp(25px,4vw,32px);letter-spacing:-1px;font-weight:780}.page-heading p{font-size:13px;line-height:1.55}.panel,.metric-card,.data-panel,.po-detail-modal,.login-card{border-radius:18px!important;border-color:var(--hub-line)!important;box-shadow:0 5px 20px #17203308}.panel{padding:20px}.module-toolbar{gap:12px}.search-box{height:46px;border-radius:14px;padding:0 14px}.search-box input{font-size:14px;min-width:0}.secondary-button,.text-button{min-height:42px;border-radius:12px;font-size:12px}.module-actions{justify-content:flex-start}.module-actions .primary-btn{min-height:46px;padding:0 18px}.form-field{font-size:12px;gap:8px}.form-field input,.form-field textarea,.form-field select{min-height:46px;border-radius:12px;font-size:14px;padding:10px 13px}.modal-backdrop{padding:12px}.po-detail-modal{border-radius:22px!important;padding:22px}.empty-state{min-height:210px;font-size:13px}.empty-state strong{font-size:14px}.nav-reveal-zone,.nav-reveal-toggle{display:none!important}.floating-nav{position:fixed!important;left:50%!important;bottom:max(12px,env(safe-area-inset-bottom))!important;z-index:1002!important;width:max-content;max-width:calc(100vw - 28px)!important;transform:translate(-50%)!important;background:#fffffff7!important;color:var(--hub-ink)!important;border:1px solid #e9ebef!important;border-radius:22px!important;padding:7px!important;box-shadow:0 10px 36px #1b24301a,0 2px 8px #1b24300a!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:box-shadow .2s ease,background .2s ease!important}.floating-nav nav{display:flex;align-items:center;justify-content:center;gap:4px;overflow-x:auto;scrollbar-width:none}.floating-nav nav::-webkit-scrollbar{display:none}.floating-nav .nav-item{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:10px 13px!important;white-space:nowrap;border:0!important;border-radius:15px!important;background:transparent!important;color:#737b88!important;font-size:11px!important;font-weight:650!important;transition:background .18s ease,color .18s ease,transform .18s ease!important}.floating-nav .nav-item:hover{background:#fff6ee!important;color:#b95e0d!important}.floating-nav .nav-item.active{background:var(--hub-soft-orange)!important;color:#d96e12!important}.floating-nav .nav-item.active svg{stroke-width:2.4}.floating-nav.open{transform:translate(-50%)!important}@media(max-width:700px){.app-shell{display:block!important;min-height:100dvh;padding-bottom:112px!important}.topbar{height:auto;min-height:62px;padding:10px 16px!important;gap:10px}.breadcrumb{font-size:11px}.top-actions{gap:6px}.branch-select{height:38px;max-width:48vw;border-radius:12px}.branch-select select{font-size:11px;max-width:30vw}.user-menu{padding-left:7px;gap:6px}.content{max-width:100%;padding:22px 15px 148px!important}.page-heading{margin-bottom:18px;flex-direction:column;gap:8px}.page-heading h1{font-size:27px;margin-top:4px}.live-status{padding:0}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lower-grid{grid-template-columns:1fr}.module-toolbar{flex-direction:column;align-items:stretch}.search-box,.search-box input{width:100%}.floating-nav{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;bottom:max(10px,env(safe-area-inset-bottom))!important;border-radius:20px!important}.floating-nav nav{justify-content:flex-start;gap:2px}.floating-nav .nav-item{flex:0 0 auto;min-height:48px;padding:9px 11px!important;font-size:10px!important}.po-detail-modal{max-height:calc(100dvh - 24px)!important;padding:17px!important}.page-footer{font-size:10px;line-height:1.5}}@media(min-width:701px)and (max-width:1100px){.content{max-width:920px;padding-left:24px;padding-right:24px}.floating-nav{max-width:calc(100vw - 40px)!important}}@media(max-width:380px){.floating-nav .nav-item{gap:5px;padding:8px 9px!important;font-size:9px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.po-lines-scroll{width:100%;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.po-line-grid{display:grid;grid-template-columns:minmax(230px,2.4fr) minmax(66px,.55fr) minmax(92px,.8fr) minmax(105px,.95fr) minmax(135px,1.15fr) minmax(130px,1.05fr) 64px;align-items:end;gap:10px;min-width:900px;padding:12px;margin:0 0 9px;border:1px solid #e7ebf1;border-radius:12px;background:#fff}.po-product-field{min-width:0}.po-line-grid .form-field strong{font-size:12px;color:#263246}.po-line-amount small{font-size:10px;color:#778294}.po-line-grid select,.po-line-grid input{min-height:42px;border:1px solid #e1e5ea;border-radius:8px;padding:8px 10px;background:#fff;color:#273449;font:inherit;font-weight:400}.po-line-grid select:focus,.po-line-grid input:focus{outline:none;border-color:#f28c28;box-shadow:0 0 0 3px #f28c2820}