@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--font-main: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--navy-darkest: #070e1e;--navy-dark: #0b1528;--navy-sidebar: #0d1a33;--navy-surface: #112244;--navy-hover: #192d54;--primary-blue: #1665ff;--primary-hover: #0d52db;--primary-glow: rgba(22, 101, 255, .25);--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-purple: #8b5cf6;--bg-page: #f8fafc;--bg-card: #ffffff;--bg-subtle: #f1f5f9;--border-light: #e2e8f0;--border-subtle: #edf2f7;--text-main: #0f172a;--text-body: #334155;--text-muted: #64748b;--text-subtle: #94a3b8;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .08), 0 1px 2px -1px rgba(15, 23, 42, .08);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .08);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .08);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .1);--shadow-card: 0 4px 20px rgba(15, 23, 42, .04)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-width:320px;min-height:100%;font-family:var(--font-main);background:var(--bg-page);color:var(--text-body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}button{cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:295px minmax(0,1fr);background:var(--bg-page)}.sidebar{position:sticky;top:0;height:100vh;padding:20px 14px 16px;overflow-y:auto;background:linear-gradient(180deg,#071524,#0d1e34);color:#cbd5e1;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06);z-index:50;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.sidebar .brand{display:flex;align-items:center;gap:12px;padding:6px 8px 20px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:16px}.brand-logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary-blue),var(--accent-cyan));color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.15rem;letter-spacing:-.5px;box-shadow:0 4px 16px var(--primary-glow)}.brand-title strong{display:block;font-size:1.15rem;font-weight:800;letter-spacing:-.5px;color:#fff}.brand-title span{display:block;font-size:.7rem;color:#94a3b8;font-weight:600;letter-spacing:.3px}.sidebar-close-btn{display:none}.hierarchical-nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-parent-group{display:flex;flex-direction:column}.nav-parent-btn{width:100%;min-height:42px;padding:0 12px;border-radius:9px;color:#94a3b8;display:flex;align-items:center;gap:11px;font-weight:600;font-size:.86rem;text-transform:none;letter-spacing:.1px;transition:all .18s ease;-webkit-user-select:none;user-select:none;background:transparent;border:none;cursor:pointer}.nav-parent-btn:hover{color:#fff;background:#ffffff0d}.nav-parent-btn.open,.nav-parent-btn.has-active{color:#f1f5f9}.nav-parent-btn.open{background:#ffffff08}.nav-parent-btn span{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-parent-btn .nav-icon{color:#38bdf8;flex-shrink:0;transition:transform .2s ease,color .2s ease}.nav-parent-btn:hover .nav-icon{transform:scale(1.08);color:#60a5fa}.nav-parent-btn .nav-chevron{color:#64748b;flex-shrink:0;transition:transform .2s ease,color .2s ease}.nav-parent-btn:hover .nav-chevron,.nav-parent-btn.open .nav-chevron{color:#94a3b8}.nav-children-container{display:flex;flex-direction:column;gap:4px;padding-left:12px;margin:4px 0 8px 17px;border-left:1.5px solid rgba(255,255,255,.1)}.nav-child-link,.nav-child-btn{min-height:38px;padding:0 12px;border-radius:8px;color:#94a3b8;font-size:.84rem;font-weight:500;display:flex;align-items:center;gap:10px;transition:all .18s ease;white-space:nowrap;text-decoration:none;border:none;background:transparent;cursor:pointer}.nav-child-link svg,.nav-child-btn svg{color:#64748b;flex-shrink:0;transition:color .18s ease}.nav-child-link:hover,.nav-child-btn:hover{color:#fff;background:#ffffff0f;transform:translate(2px)}.nav-child-link:hover svg,.nav-child-btn:hover svg{color:#38bdf8}.nav-child-link.active,.nav-child-btn.active{background:linear-gradient(90deg,#1d4ed8,#2563eb);color:#fff;font-weight:600;box-shadow:0 4px 12px #1d4ed859;transform:none}.nav-child-link.active svg,.nav-child-btn.active svg{color:#fff}.nav-subchildren-container{display:flex;flex-direction:column;gap:2px;padding-left:12px;margin:3px 0 3px 6px;border-left:1.5px dashed rgba(255,255,255,.15)}.nav-subchild-link{min-height:32px;padding:0 10px;border-radius:6px;color:#94a3b8;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .15s;text-decoration:none}.nav-subchild-link:hover,.nav-subchild-link.active{color:#38bdf8;background:#38bdf814}.side-user{margin-top:auto;padding:14px 10px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px}.user-avatar{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--primary-blue),var(--accent-cyan));color:#fff;display:grid;place-items:center;font-weight:800;font-size:.88rem;box-shadow:0 2px 8px var(--primary-glow)}.user-info{flex:1;min-width:0}.user-info strong{display:block;font-size:.86rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info small{display:block;font-size:.72rem;color:#94a3b8}.topbar{position:sticky;top:0;z-index:40;height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;border-bottom:1px solid var(--border-light);background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 4px #00000005}.topbar-left{display:flex;align-items:center;gap:14px}.topbar-title strong{display:block;font-size:1rem;font-weight:800;color:var(--text-main);letter-spacing:-.3px}.topbar-title small{display:block;font-size:.74rem;color:var(--text-muted)}.topbar-right{display:flex;align-items:center;gap:14px}.topbar-search-btn{height:40px;padding:0 16px;border-radius:9999px;border:1px solid var(--border-light);background:var(--bg-page);color:var(--text-muted);display:flex;align-items:center;gap:12px;font-size:.84rem;font-weight:500;transition:all .2s ease}.topbar-search-btn:hover{background:#fff;border-color:var(--primary-blue);color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-glow)}.topbar-search-btn kbd{background:#fff;border:1px solid var(--border-light);border-radius:6px;padding:2px 7px;font-size:.7rem;font-weight:700;font-family:inherit;color:var(--text-muted)}.mobile-menu{display:none}.page{width:min(100%,1560px);margin:auto;padding:32px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-head h1{margin:0;font-size:1.85rem;font-weight:800;letter-spacing:-.03em;color:var(--text-main)}.page-head p{margin:5px 0 0;color:var(--text-muted);font-size:.92rem}.card{border:1px solid var(--border-light);border-radius:18px;background:var(--bg-card);box-shadow:var(--shadow-card);transition:all .2s ease}.section-card{padding:26px}.card-header-flex{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.card-header-flex h2,.section-card h2{font-size:1.15rem;font-weight:800;color:var(--text-main);letter-spacing:-.3px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.kpi{padding:20px 22px;display:flex;flex-direction:column;justify-content:space-between;border-radius:18px;background:#fff;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;min-height:145px;transition:all .2s ease}.kpi:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0f172a14}.kpi-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.kpi-body{display:flex;flex-direction:column;min-width:0;width:100%}.kpi-body strong{display:block;font-size:1.75rem;font-weight:800;letter-spacing:-.03em;color:var(--text-main);line-height:1.15;margin-bottom:6px}.kpi-body span{font-size:.82rem;font-weight:600;color:var(--text-muted)}.quick-actions-bar{margin-top:28px}.quick-actions-bar h3{margin:0 0 14px;font-size:1.05rem;font-weight:800;color:var(--text-main);letter-spacing:-.3px}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.quick-act-card{border:1px solid var(--border-light)!important;border-radius:16px!important;background:#fff!important;padding:18px 20px!important;display:flex!important;align-items:center!important;gap:16px!important;text-align:left!important;cursor:pointer!important;box-shadow:var(--shadow-sm)!important;transition:all .22s ease!important;width:100%!important}.quick-act-card:hover{transform:translateY(-3px)!important;border-color:var(--primary-blue)!important;box-shadow:0 10px 25px #1665ff1f!important}.quick-act-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex-shrink:0}.quick-act-icon.blue{background:#eff6ff;color:var(--primary-blue)}.quick-act-icon.green{background:#ecfdf5;color:var(--accent-emerald)}.quick-act-icon.orange{background:#fff7ed;color:var(--accent-amber)}.quick-act-icon.purple{background:#f5f3ff;color:var(--accent-purple)}.quick-act-card strong{display:block;font-size:.95rem;font-weight:700;color:var(--text-main);margin-bottom:2px}.quick-act-card small{display:block;font-size:.78rem;color:var(--text-muted);line-height:1.4}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,.8fr);gap:20px;margin-top:24px}.activity{display:flex;flex-direction:column;gap:12px}.activity-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:var(--bg-page);border:1px solid var(--border-subtle);transition:all .15s ease}.activity-row:hover{background:#fff;border-color:var(--border-light);box-shadow:var(--shadow-xs)}.activity-icon{width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--border-light);display:grid;place-items:center;flex-shrink:0}.activity-row strong{display:block;font-size:.88rem;font-weight:700;color:var(--text-main)}.activity-row span{display:block;font-size:.78rem;color:var(--text-muted);margin-top:2px}.activity-row time{font-size:.76rem;font-weight:600;color:var(--text-subtle);white-space:nowrap}.progress-card{padding:18px;background:var(--bg-page);border-radius:14px;border:1px solid var(--border-subtle)}.progress-title{display:block;font-size:.84rem;font-weight:700;color:var(--text-main);margin-bottom:10px}.progress-bar-wrap{width:100%;height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden;margin-bottom:8px}.progress-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary-blue),var(--accent-cyan));transition:width .4s ease}.progress-legend{display:flex;justify-content:space-between;font-size:.78rem;font-weight:600;color:var(--text-muted)}.btn{min-height:42px;border-radius:11px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:.88rem;transition:all .2s ease;border:none}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.primary{background:var(--primary-blue);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn.primary:hover{background:var(--primary-hover);box-shadow:0 6px 20px var(--primary-glow)}.btn.soft{background:#edf2f7;color:#1e293b;border:1px solid var(--border-light)}.btn.soft:hover{background:#e2e8f0}.btn.danger{background:#fef2f2;color:var(--accent-rose);border:1px solid #fecaca}.btn.success{background:#ecfdf5;color:var(--accent-emerald);border:1px solid #a7f3d0}.btn.sm{min-height:34px;padding:0 12px;font-size:.8rem;border-radius:8px}.btn.wide,.wide-btn{width:100%}.icon-btn{width:36px;height:36px;border:1px solid var(--border-light);border-radius:10px;background:#fff;color:var(--text-body);display:grid;place-items:center;transition:all .2s}.icon-btn:hover{background:var(--bg-page);color:var(--primary-blue);border-color:#1665ff66}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:.78rem;font-weight:700;color:var(--text-body)}.field-inline{display:flex;align-items:center;gap:8px}.input,.select,.textarea{width:100%;border:1px solid var(--border-light);border-radius:10px;background:#fff;color:var(--text-main);outline:none;font-size:.88rem;transition:all .2s ease}.input,.select{height:44px;padding:0 14px}.input.sm,.select.sm{height:36px;padding:0 10px;font-size:.82rem}.textarea{min-height:90px;padding:12px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-glow)}.input-icon-wrap{position:relative;display:flex;align-items:center;width:100%}.input-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none}.input-icon-wrap .input{padding-left:42px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wide{grid-column:1 / -1}.modal-overlay{position:fixed!important;inset:0!important;z-index:99999!important;background:#0f172ab8!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{width:100%;max-height:90vh;display:flex;flex-direction:column;border-radius:20px;background:#fff;box-shadow:0 25px 80px #0006;overflow:hidden;animation:scaleUp .22s ease-out;border:1px solid var(--border-light)}@keyframes scaleUp{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:20px 26px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;background:#f8fafc}.modal-header h3{margin:0;font-size:1.2rem;font-weight:800;color:var(--text-main);letter-spacing:-.3px}.modal-body{padding:26px;overflow-y:auto;max-height:calc(90vh - 75px)}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--border-light);border-radius:16px;background:#fff;box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse;min-width:840px}.table th{padding:14px 18px;background:#f8fafc;color:var(--text-muted);text-align:left;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;font-weight:800;border-bottom:1px solid var(--border-light)}.table td{padding:15px 18px;border-top:1px solid #f1f5f9;color:var(--text-body);font-size:.86rem;vertical-align:middle}.actions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:nowrap!important;white-space:nowrap!important}.actions .icon-btn,.actions .btn{flex-shrink:0!important;white-space:nowrap!important}.table th.actions-col,.table td.actions-col,.table td:has(.actions),.table th:last-child,.table td:last-child{white-space:nowrap!important;width:1%!important;min-width:220px!important}.badge-code{display:inline-block;padding:4px 8px;border-radius:6px;background:#f1f5f9;color:var(--text-main);font-family:ui-monospace,monospace;font-size:.82rem;font-weight:600;border:1px solid var(--border-light)}.badge-type{display:inline-block;padding:3px 10px;border-radius:999px;background:#eff6ff;color:var(--primary-blue);font-weight:700;font-size:.75rem}.status{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 10px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.2px}.green{background:#dcfce7;color:#166534}.red{background:#fee2e2;color:#991b1b}.blue{background:#dbeafe;color:#1e40af}.orange{background:#ffedd5;color:#9a3412}.gray{background:#f1f5f9;color:#475569}.quick-status-pills{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important;white-space:nowrap!important}.pill-btn{height:28px!important;padding:0 10px!important;border-radius:6px!important;border:1px solid var(--border-light)!important;background:#fff!important;font-size:.74rem!important;font-weight:700!important;color:var(--text-body)!important;transition:all .15s!important;white-space:nowrap!important;flex-shrink:0!important}.pill-btn:hover{border-color:var(--primary-blue)!important;color:var(--primary-blue)!important;background:#eff6ff!important}.pill-btn.active{background:var(--navy-dark)!important;color:#fff!important;border-color:var(--navy-dark)!important}.item-builder-wrap{border:1px solid var(--border-light);border-radius:14px;padding:16px;background:#f8fafc}.item-row-card{padding:14px;border:1px solid var(--border-light);border-radius:12px;background:#fff;margin-bottom:10px;box-shadow:var(--shadow-xs)}.item-row-grid{display:grid;grid-template-columns:1.5fr 2fr .8fr 1fr 1fr auto;gap:12px;align-items:start}.totals-summary-box{padding:18px 22px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;display:flex;justify-content:space-between;align-items:center}.creds-result-card{margin-top:18px;padding:18px;border-radius:14px;background:#f0f9ff;border:1px solid #bae6fd;text-align:left}.creds-title{display:flex;align-items:center;gap:8px;font-weight:800;color:#0369a1;margin-bottom:12px}.creds-row{display:flex;justify-content:space-between;padding:5px 0;font-size:.88rem}.badge-pass{background:#0369a1;color:#fff;padding:3px 10px;border-radius:6px;font-family:monospace;font-size:.9rem}.pdf-preview-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#f8fafc;border-bottom:1px solid var(--border-light)}.badge-pdf{padding:4px 10px;border-radius:6px;background:#fee2e2;color:#991b1b;font-weight:800;font-size:.76rem}.pdf-page-container{padding:40px;background:#fff;font-family:sans-serif;color:#0f172a}.pdf-header{display:flex;justify-content:space-between;border-bottom:2px solid #0b1f3a;padding-bottom:16px;margin-bottom:24px}.pdf-brand{display:flex;gap:12px;align-items:center}.pdf-logo-box{width:44px;height:44px;background:#0b1f3a;color:#fff;border-radius:10px;display:grid;place-items:center;font-weight:900}.pdf-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.pdf-box{border:1px solid var(--border-light);border-radius:12px;padding:14px;background:#f8fafc;font-size:.85rem;line-height:1.5}.pdf-box-title{display:block;font-size:.7rem;font-weight:800;color:var(--text-muted);margin-bottom:6px;letter-spacing:.5px}.pdf-table{width:100%;border-collapse:collapse;margin-bottom:24px;font-size:.85rem}.pdf-table th{background:#0b1f3a;color:#fff;padding:10px;text-transform:uppercase;font-size:.7rem}.pdf-table td{padding:10px;border-bottom:1px solid var(--border-light)}.pdf-totals-wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.pdf-totals-box{border:1px solid var(--border-light);border-radius:12px;padding:14px;background:#f8fafc}.pdf-total-row{display:flex;justify-content:space-between;padding:4px 0;font-size:.88rem}.pdf-total-row.final{border-top:2px solid #0b1f3a;margin-top:8px;padding-top:8px;font-size:1.1rem;font-weight:900;color:#0b1f3a}.pdf-footer{margin-top:40px;padding-top:14px;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-subtle)}.command-overlay{position:fixed;inset:0;z-index:100000;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.command-box{width:min(100%,620px);border-radius:18px;background:#fff;box-shadow:0 25px 60px #00000059;overflow:hidden;border:1px solid var(--border-light)}.command-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light);gap:14px}.command-input{border:0;outline:none;font-size:1.05rem;flex:1;background:transparent;color:var(--text-main)}.command-list{max-height:360px;overflow-y:auto;padding:10px}.command-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .15s ease}.command-item:hover{background:#f1f5f9}.command-item-icon{width:36px;height:36px;border-radius:10px;background:#e2e8f0;display:grid;place-items:center;color:var(--text-body)}.command-badge{font-size:.72rem;color:var(--text-muted);border:1px solid var(--border-light);border-radius:6px;padding:3px 8px}.command-footer{padding:12px 20px;border-top:1px solid var(--border-light);background:#f8fafc;display:flex;justify-content:space-between;font-size:.76rem;color:var(--text-muted)}@media(max-width:1100px){.kpi-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.item-row-grid{grid-template-columns:1fr 1fr}}.sidebar-backdrop{position:fixed;inset:0;width:100vw;height:100vh;z-index:9998;background:#080f1cbf;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);cursor:pointer;animation:fadeInOverlay .22s ease-out}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@media(max-width:1024px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:10000;top:0;bottom:0;left:0;width:295px;height:100vh;transform:translate(-105%);transition:transform .26s cubic-bezier(.16,1,.3,1);box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:16px 0 48px #0000008c}.sidebar-close-btn{display:grid;place-items:center;width:32px;height:32px;margin-left:auto;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;cursor:pointer;transition:all .18s ease}.sidebar-close-btn:hover{background:#ef444440;border-color:#ef444480;color:#f87171}.mobile-menu{display:grid}.topbar{padding:0 18px}.topbar-title small,.topbar-search-btn span{display:none}.topbar-search-btn{padding:0 10px}.page{padding:20px 16px}}@media(max-width:560px){.kpi-grid,.quick-actions-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.pdf-grid-2,.pdf-totals-wrap{grid-template-columns:1fr}.topbar-search-btn span,.topbar-search-btn kbd{display:none}}.word-editor-container{border:1px solid var(--border-light);border-radius:14px;background:#fff;overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.word-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8fafc;border-bottom:1px solid var(--border-light);flex-wrap:wrap}.word-toolbar-group{display:flex;align-items:center;gap:3px;background:#fff;border:1px solid var(--border-light);border-radius:8px;padding:3px 5px}.word-tool-btn{width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:#334155;background:transparent;transition:all .15s ease;cursor:pointer}.word-tool-btn:hover{background:#f1f5f9;color:var(--primary-blue)}.word-tool-btn.active{background:#eff6ff;color:var(--primary-blue)}.text-case-btn{font-size:.8rem;font-weight:800;letter-spacing:-.5px}.word-color-picker{display:flex;align-items:center;gap:6px;padding:0 6px}.word-color-input{width:26px;height:26px;padding:0;border:1px solid var(--border-light);border-radius:6px;cursor:pointer;background:transparent}.word-canvas{min-height:280px;max-height:480px;overflow-y:auto;padding:24px;outline:none;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.95rem;line-height:1.6;color:#0f172a;background:#fff}.word-canvas:focus{background:#fff}.word-canvas h1{font-size:1.6rem;font-weight:800;color:#0b1f3a;margin:12px 0 8px}.word-canvas h2{font-size:1.3rem;font-weight:700;color:#0b1f3a;margin:10px 0 6px}.word-canvas p{margin-bottom:10px}.word-canvas ul,.word-canvas ol{padding-left:24px;margin-bottom:12px}.word-canvas img{max-width:100%;border-radius:8px;margin:10px 0}.stepper-full-container{display:flex;flex-direction:column;gap:20px}.process-header-summary{display:flex;flex-direction:column;gap:14px;background:#f8fafc;border:1px solid var(--border-light);border-radius:16px;padding:18px 22px;position:relative}.summary-left{display:flex;flex-direction:column;gap:2px}.summary-tag{font-size:.72rem;font-weight:800;color:#64748b;letter-spacing:.6px;text-transform:uppercase}.summary-title{margin:0;color:#0f172a;font-size:1.45rem;font-weight:900;letter-spacing:-.5px}.summary-meta-row{display:flex;align-items:center;gap:8px;font-size:.86rem;color:#334155;margin-top:4px;flex-wrap:wrap}.meta-sep{color:#94a3b8;font-weight:700}.process-summary-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.summary-progress-text{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.summary-progress-text .prog-label{font-size:.78rem;font-weight:700;color:#64748b}.summary-progress-text .prog-number{font-size:1.5rem;font-weight:900;color:#1665ff;line-height:1}.summary-progress-text .prog-stage{color:#10b981;font-weight:800;font-size:.82rem;background:#ecfdf5;padding:2px 8px;border-radius:6px;border:1px solid #a7f3d0}.process-progress-bar-wrap{width:100%;height:7px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-top:2px}.process-progress-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#1665ff);border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1)}.process-view-controls{display:flex;align-items:center;gap:8px;margin-top:2px}.stepper-view-toggle{display:inline-flex;gap:3px;background:#e2e8f0;padding:3px;border-radius:8px}.stepper-view-toggle button{background:transparent;border:none;font-size:.74rem;font-weight:700;color:#475569;padding:4px 10px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .15s ease}.stepper-view-toggle button:hover{color:#0f172a}.stepper-view-toggle button.active{background:#fff;color:#1665ff;box-shadow:0 1px 4px #0f172a1a}.stepper-track-wrap{width:100%;overflow-x:auto;padding:10px 4px 22px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.stepper-track{display:flex;align-items:flex-start;position:relative;min-width:780px;gap:10px}.stepper-track:before{content:"";position:absolute;top:19px;left:36px;right:36px;height:3px;background:#e2e8f0;z-index:1}.stepper-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;cursor:pointer;transition:all .2s ease;z-index:2;padding:4px 6px;border-radius:10px}.stepper-step:hover{transform:translateY(-2px)}.step-circle{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.85rem;background:#fff;border:2px solid #cbd5e1;color:#64748b;margin-bottom:8px;z-index:2;transition:all .2s ease;box-shadow:0 2px 6px #0000000d}.stepper-step.passed .step-circle{background:#10b981;border-color:#10b981;color:#fff;box-shadow:0 2px 8px #10b9814d}.stepper-step.current .step-circle{background:#1665ff;border-color:#1665ff;color:#fff;box-shadow:0 0 0 4px #1665ff33}.stepper-step.future .step-circle{background:#fff;border-color:#cbd5e1;color:#94a3b8}.step-title-wrap{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.step-label strong{display:block;font-size:.78rem;font-weight:700;color:#0f172a}.step-label small{display:block;font-size:.68rem;color:#64748b;line-height:1.3;margin-top:3px}.step-badge-current{display:inline-block;font-size:.62rem;font-weight:800;text-transform:uppercase;background:#eff6ff;color:#1665ff;padding:1px 6px;border-radius:4px;border:1px solid #bfdbfe;letter-spacing:.3px}.step-badge-passed{display:inline-block;font-size:.62rem;font-weight:700;text-transform:uppercase;background:#ecfdf5;color:#059669;padding:1px 6px;border-radius:4px;border:1px solid #a7f3d0;letter-spacing:.3px}.operator-control-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;padding:18px 22px}.client-readonly-box{margin-top:14px;padding:18px 24px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.stepper-track-wrap.force-vertical{overflow-x:visible;padding:6px 0 16px}.stepper-track-wrap.force-vertical .stepper-track{flex-direction:column!important;min-width:0!important;width:100%!important;gap:10px!important;padding-left:8px!important;position:relative!important}.stepper-track-wrap.force-vertical .stepper-track:before{inset:22px auto 22px 27px!important;width:3px!important;height:auto!important}.stepper-track-wrap.force-vertical .stepper-step{flex-direction:row!important;align-items:flex-start!important;text-align:left!important;gap:14px!important;width:100%!important;padding:12px 14px!important;border-radius:14px!important;background:#fff!important;border:1px solid #f1f5f9!important;box-shadow:0 1px 3px #0f172a08!important}.stepper-track-wrap.force-vertical .stepper-step:hover{transform:none!important}.stepper-track-wrap.force-vertical .stepper-step.current{background:#eff6ff!important;border-color:#bfdbfe!important;box-shadow:0 4px 16px #1665ff1f!important}.stepper-track-wrap.force-vertical .stepper-step.current .step-label strong{color:#1665ff!important}.stepper-track-wrap.force-vertical .stepper-step.passed{background:#f8fafc!important;border-color:#e2e8f0!important}.stepper-track-wrap.force-vertical .stepper-step.future{opacity:.65!important}.stepper-track-wrap.force-vertical .stepper-step .step-circle{width:38px!important;height:38px!important;margin-bottom:0!important;flex-shrink:0!important;font-size:.82rem!important;z-index:2!important}.stepper-track-wrap.force-vertical .stepper-step .step-label{flex:1!important;min-width:0!important}.stepper-track-wrap.force-vertical .stepper-step .step-label .step-title-wrap{justify-content:flex-start!important}.stepper-track-wrap.force-vertical .stepper-step .step-label strong{font-size:.92rem!important;margin-bottom:3px!important}.stepper-track-wrap.force-vertical .stepper-step .step-label small{font-size:.8rem!important;line-height:1.4!important;color:#64748b!important}.pdf-modal-action-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#f8fafc;border-bottom:1px solid var(--border-light);border-radius:14px 14px 0 0;margin:-24px -24px 20px}.a4-sheet-wrapper{background:#525659;padding:24px;border-radius:12px;overflow-x:auto;display:flex;justify-content:center}.a4-sheet{background:#fff;width:100%;max-width:800px;min-height:1000px;padding:44px 48px;box-shadow:0 10px 30px #0000004d;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column}.a4-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:24px;border-bottom:2px solid #0b1f3a;margin-bottom:24px}.a4-brand{display:flex;align-items:center;gap:16px}.a4-logo{width:48px;height:48px;border-radius:10px;background:#0b1f3a;color:#fff;font-size:1.4rem;font-weight:900;display:grid;place-items:center;letter-spacing:-1px}.a4-brand h2{margin:0;font-size:1.25rem;font-weight:800;color:#0b1f3a;letter-spacing:-.3px}.a4-brand small{display:block;font-size:.78rem;color:#64748b;font-weight:600;margin-top:2px}.a4-doc-meta{text-align:right}.a4-doc-title{font-size:1.3rem;font-weight:900;color:#1665ff;letter-spacing:.5px}.a4-doc-number{font-size:1.15rem;font-weight:800;color:#0b1f3a;margin:2px 0 6px;font-family:monospace}.a4-doc-date{font-size:.78rem;color:#64748b;display:flex;flex-direction:column;gap:2px}.a4-client-block{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:16px 20px;background:#f8fafc;border:1px solid var(--border-light);border-radius:10px;margin-bottom:28px;font-size:.84rem}.a4-client-col{display:flex;flex-direction:column;gap:4px}.a4-block-title{font-size:.7rem;font-weight:800;text-transform:uppercase;color:#64748b;letter-spacing:.5px;margin-bottom:4px}.a4-table{width:100%;border-collapse:collapse;margin-bottom:28px;font-size:.86rem}.a4-table th{background:#0b1f3a;color:#fff;padding:10px 14px;font-size:.74rem;text-transform:uppercase;font-weight:700;letter-spacing:.5px;text-align:left}.a4-table td{padding:12px 14px;border-bottom:1px solid #e2e8f0}.a4-totals-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-bottom:28px}.a4-bank-details{border:1px solid var(--border-light);border-radius:10px;padding:16px;background:#f8fafc;font-size:.8rem}.a4-totals-box{border:1px solid var(--border-light);border-radius:10px;padding:16px;background:#f8fafc}.a4-total-row{display:flex;justify-content:space-between;padding:4px 0;font-size:.88rem}.a4-total-row.grand{border-top:2px solid #0b1f3a;margin-top:8px;padding-top:8px;font-size:1.15rem;font-weight:900;color:#0b1f3a}.a4-signatures-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:36px;padding-top:20px}.a4-signature-box{display:flex;flex-direction:column;align-items:center;text-align:center}.a4-signature-line{width:80%;border-top:1px solid #94a3b8;margin-bottom:8px}.a4-signature-box strong{font-size:.82rem;color:#0f172a}.a4-signature-box small{font-size:.72rem;color:#64748b}.a4-footer{margin-top:auto;padding-top:24px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;font-size:.74rem;color:#94a3b8}@media print{body *{visibility:hidden}.sidebar,.topbar,.sidebar-backdrop,.pdf-modal-action-bar,.modal-close-btn,.modal-header,.btn,button{display:none!important}.a4-sheet,.a4-sheet *,.printable-report,.printable-report *,.page,.page *{visibility:visible}.app-shell{display:block!important}.page{position:absolute;left:0;top:0;width:100%!important;max-width:100%!important;padding:10px!important;margin:0!important}.a4-sheet-wrapper{background:transparent!important;padding:0!important;display:block!important}.a4-sheet{position:absolute;left:0;top:0;width:100%!important;max-width:100%!important;box-shadow:none!important;padding:20px!important}.printable-report{position:absolute;left:0;top:0;width:100%!important;box-shadow:none!important;padding:20px!important}}.login-wrapper{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 15% 15%,rgba(22,101,255,.12) 0%,transparent 45%),radial-gradient(circle at 85% 85%,rgba(124,58,237,.1) 0%,transparent 45%),#070e1e;padding:24px;position:relative;overflow:hidden}.login-bg-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(22,101,255,.15) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;filter:blur(60px)}.login-card-container{position:relative;z-index:10;width:100%;max-width:1060px;min-height:620px;display:grid;grid-template-columns:1.05fr 1.15fr;background:#fff;border-radius:24px;box-shadow:0 25px 60px -15px #00000059,0 0 0 1px #ffffff1a;overflow:hidden}@media(max-width:900px){.login-card-container{grid-template-columns:1fr;max-width:480px}.login-hero{display:none!important}}.login-panel{padding:44px 48px;display:flex;flex-direction:column;justify-content:space-between;background:#fff}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.login-brand-logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#0b1f3a,#1665ff);color:#fff;display:grid;place-items:center;font-weight:900;font-size:1.25rem;letter-spacing:-.5px;box-shadow:0 4px 14px #1665ff4d}.login-brand-text strong{display:block;font-size:1.25rem;font-weight:900;color:#0b1f3a;letter-spacing:-.5px;line-height:1.1}.login-brand-text span{font-size:.76rem;font-weight:600;color:#64748b;letter-spacing:.04em;text-transform:uppercase}.login-header-text h1{font-size:1.75rem;font-weight:800;color:#0f172a;letter-spacing:-.5px;margin-bottom:6px}.login-header-text p{font-size:.88rem;color:#64748b;line-height:1.5;margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:18px}.input-icon-wrap{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none;transition:color .2s}.input-icon-wrap .input{padding-left:44px;padding-right:44px;height:48px;border-radius:12px;border:1px solid #cbd5e1;background:#f8fafc;font-size:.92rem;color:#0f172a;width:100%;transition:all .2s ease}.input-icon-wrap .input:focus{border-color:#1665ff;background:#fff;box-shadow:0 0 0 3px #1665ff2e;outline:none}.input-icon-wrap .input:focus+.input-icon,.input-icon-wrap:focus-within .input-icon{color:#1665ff}.input-action-btn{position:absolute;right:12px;color:#94a3b8;padding:6px;display:grid;place-items:center;border-radius:6px;background:transparent;border:none;cursor:pointer;transition:color .2s}.input-action-btn:hover{color:#0f172a}.login-btn{height:48px;border-radius:12px;font-size:.95rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#1665ff,#0d52db);box-shadow:0 4px 14px #1665ff59;margin-top:6px;transition:all .2s ease}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #1665ff73}.demo-credentials-box{margin-top:24px;padding:14px 16px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px}.demo-credentials-box span{display:block;font-size:.74rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.demo-buttons{display:flex;gap:8px;flex-wrap:wrap}.demo-btn-pill{padding:6px 12px;border-radius:8px;font-size:.78rem;font-weight:700;background:#fff;border:1px solid #cbd5e1;color:#334155;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease}.demo-btn-pill:hover{background:#eff6ff;border-color:#1665ff;color:#1665ff}.login-footer-links{margin-top:20px;text-align:center;font-size:.82rem;color:#64748b}.login-footer-links a{color:#1665ff;font-weight:700;text-decoration:underline;cursor:pointer}.login-hero{position:relative;background:linear-gradient(135deg,#0b1f3a,#070e1e);padding:48px;color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.login-hero:before{content:"";position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:radial-gradient(circle,rgba(22,101,255,.25) 0%,transparent 70%);pointer-events:none}.hero-content{position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#1665ff33;color:#60a5fa;font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:20px;border:1px solid rgba(22,101,255,.3)}.login-hero h2{font-size:2.1rem;font-weight:900;line-height:1.15;letter-spacing:-.5px;color:#fff;margin-bottom:14px}.gradient-text{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-hero p{font-size:.92rem;color:#94a3b8;line-height:1.6;margin-bottom:28px}.hero-features{display:flex;flex-direction:column;gap:14px}.hero-feat-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .2s ease}.hero-feat-item:hover{background:#ffffff17;border-color:#1665ff4d;transform:translate(4px)}.feat-icon{color:#10b981;flex-shrink:0}.hero-feat-item span{font-size:.85rem;color:#e2e8f0;font-weight:600}.tracking-page,.client-portal-page{min-height:100vh;background:linear-gradient(180deg,#070e1e,#0d1a33 320px,#f1f5f9 320px,#f8fafc);color:#0f172a;display:flex;flex-direction:column}.public-shell{max-width:1200px;width:100%;margin:0 auto;padding:24px 20px 80px}.public-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:28px}.public-head .brand{display:flex;align-items:center;gap:14px;text-decoration:none}.public-head .brand-logo{width:44px;height:44px;background:linear-gradient(135deg,#1665ff,#06b6d4);color:#fff;font-weight:900;font-size:1.25rem;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #1665ff66}.public-head .brand-title strong{display:block;font-size:1.3rem;font-weight:800;color:#fff;letter-spacing:-.5px}.public-head .brand-title span{display:block;font-size:.8rem;color:#94a3b8;font-weight:500}.tracking-search-hero{background:#112244d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:28px;color:#fff;box-shadow:0 20px 40px -10px #0006;margin-bottom:32px}.tracking-search-hero h2{font-size:1.6rem;font-weight:800;margin-bottom:8px;letter-spacing:-.5px}.tracking-search-hero p{color:#94a3b8;font-size:.95rem;margin-bottom:20px}.tracking-search-bar{display:flex;gap:12px;align-items:center;background:#fff;border-radius:14px;padding:6px 8px 6px 16px;box-shadow:0 10px 25px -5px #0003}.tracking-search-bar input{flex:1;border:none;outline:none;font-size:1rem;color:#0f172a;font-weight:600;background:transparent}.tracking-search-bar input::placeholder{color:#94a3b8;font-weight:400}.tracking-search-bar .btn-search{background:#1665ff;color:#fff;font-weight:700;padding:12px 24px;border-radius:10px;display:flex;align-items:center;gap:8px;transition:all .2s ease}.tracking-search-bar .btn-search:hover{background:#0d52db;transform:translateY(-1px)}.tracking-summary-card{background:#fff;border-radius:20px;padding:32px;border:1px solid #e2e8f0;box-shadow:0 10px 30px -5px #0f172a14;margin-bottom:28px}.tracking-summary-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #f1f5f9}.tracking-summary-route{display:flex;align-items:center;gap:20px;padding:18px 24px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px}.route-step{display:flex;flex-direction:column}.route-step small{font-size:.75rem;font-weight:800;text-transform:uppercase;color:#64748b;letter-spacing:.5px}.route-step strong{font-size:1.15rem;color:#0b1f3a;font-weight:800}.tracking-timeline-box{background:#fff;border-radius:20px;padding:32px;border:1px solid #e2e8f0;box-shadow:0 10px 30px -5px #0f172a14}.timeline-step-list{position:relative;padding-left:32px;display:flex;flex-direction:column;gap:24px}.timeline-step-list:before{content:"";position:absolute;top:8px;bottom:8px;left:11px;width:2px;background:#cbd5e1}.timeline-step-item{position:relative}.timeline-step-item .dot{position:absolute;left:-32px;top:4px;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #1665ff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #1665ff26}.timeline-step-item.completed .dot{background:#10b981;border-color:#10b981}.timeline-step-item .step-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 18px}.timeline-step-item .step-content h4{font-size:.95rem;font-weight:800;color:#0f172a;margin-bottom:4px}.timeline-step-item .step-content p{font-size:.88rem;color:#475569;line-height:1.45;margin-bottom:6px}.timeline-step-item .step-content .meta{display:flex;gap:16px;font-size:.78rem;color:#64748b;font-weight:600}.client-portal-banner{background:linear-gradient(135deg,#0b1528,#124,#1665ff);border-radius:24px;padding:32px 36px;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;box-shadow:0 20px 40px -10px #0b152880;margin-bottom:28px;border:1px solid rgba(255,255,255,.1)}.client-portal-banner .info h1{font-size:1.85rem;font-weight:900;letter-spacing:-.5px;margin-bottom:8px;color:#fff}.client-portal-banner .info p{color:#94a3b8;font-size:.92rem;display:flex;gap:16px;flex-wrap:wrap}.client-portal-banner .info .badge-id{background:#ffffff26;padding:4px 12px;border-radius:999px;font-weight:700;color:#fff}.portal-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:28px}.portal-kpi-card{background:#fff;border-radius:18px;padding:22px;border:1px solid #e2e8f0;box-shadow:0 4px 18px #0f172a0a;display:flex;align-items:center;gap:16px;transition:all .2s ease}.portal-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14}.portal-kpi-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.portal-kpi-data small{display:block;font-size:.76rem;font-weight:800;text-transform:uppercase;color:#64748b;letter-spacing:.5px;margin-bottom:4px}.portal-kpi-data strong{font-size:1.5rem;font-weight:800;color:#0f172a}.portal-nav-tabs{display:flex;gap:8px;background:#e2e8f0;padding:6px;border-radius:16px;margin-bottom:24px;overflow-x:auto}.portal-nav-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:.9rem;font-weight:700;color:#475569;background:transparent;transition:all .2s ease;white-space:nowrap}.portal-nav-tab:hover{color:#0f172a}.portal-nav-tab.active{background:#fff;color:#1665ff;box-shadow:0 2px 8px #0f172a14}.portal-content-card{background:#fff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 8px 26px #0f172a0d;padding:28px}.portal-card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.portal-card-header h3{font-size:1.2rem;font-weight:800;color:#0b1f3a;display:flex;align-items:center;gap:10px}.client-login-box{max-width:480px;width:100%;margin:60px auto;background:#fff;border-radius:24px;border:1px solid #e2e8f0;box-shadow:0 25px 50px -12px #0f172a33;padding:38px 34px}.client-login-box .login-logo{width:56px;height:56px;background:linear-gradient(135deg,#1665ff,#06b6d4);color:#fff;font-size:1.5rem;font-weight:900;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 20px #1665ff59}.client-login-box h2{font-size:1.5rem;font-weight:800;text-align:center;color:#0b1f3a;margin-bottom:8px}.client-login-box p{text-align:center;color:#64748b;font-size:.88rem;line-height:1.5;margin-bottom:24px}@media(min-width:768px)and (max-width:1024px){.modal-overlay{padding:18px!important}.modal-card{max-width:95vw!important;max-height:92vh;border-radius:18px}.modal-header{padding:16px 20px}.modal-body{padding:18px 20px}.public-shell{padding:20px 18px 70px}.client-portal-banner{padding:24px 28px;border-radius:20px}.portal-kpi-grid{grid-template-columns:repeat(2,1fr);gap:14px}.stepper-track-wrap{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:18px}.stepper-track{min-width:820px;gap:8px}.stepper-step{min-width:88px;scroll-snap-align:start}.stepper-step .step-label strong{font-size:.74rem}.stepper-step .step-label small{font-size:.65rem}}@media(max-width:767px){.modal-overlay{padding:8px!important;align-items:flex-end!important}.modal-card{max-height:94vh;width:100%!important;border-radius:20px 20px 14px 14px;margin:0;box-shadow:0 10px 40px #00000059}.modal-header{padding:14px 16px}.modal-header h3{font-size:1rem;line-height:1.35}.modal-body{padding:14px 16px}.stepper-full-container{gap:14px}.process-header-summary{padding:14px;gap:12px;border-radius:14px}.summary-title{font-size:1.25rem!important}.summary-meta-row{font-size:.8rem!important;flex-direction:column;align-items:flex-start;gap:4px}.summary-meta-row .meta-sep{display:none}.process-summary-bottom{display:flex;justify-content:space-between;align-items:center;width:100%}.summary-progress-text .prog-number{font-size:1.3rem}.process-view-controls{justify-content:flex-end;width:100%}.stepper-track-wrap:not(.force-horizontal){overflow-x:visible;padding:4px 0 10px}.stepper-track-wrap:not(.force-horizontal) .stepper-track{flex-direction:column!important;min-width:0!important;width:100%;gap:10px;padding-left:8px;position:relative}.stepper-track-wrap:not(.force-horizontal) .stepper-track:before{inset:22px auto 22px 27px;width:3px;height:auto;background:#e2e8f0}.stepper-track-wrap:not(.force-horizontal) .stepper-step{flex-direction:row;align-items:flex-start;text-align:left;gap:14px;width:100%;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #f1f5f9;box-shadow:0 1px 3px #0f172a08}.stepper-track-wrap:not(.force-horizontal) .stepper-step:hover{transform:none}.stepper-track-wrap:not(.force-horizontal) .stepper-step.current{background:#eff6ff;border-color:#bfdbfe;box-shadow:0 4px 16px #1665ff1f}.stepper-track-wrap:not(.force-horizontal) .stepper-step.current .step-label strong{color:#1665ff}.stepper-track-wrap:not(.force-horizontal) .stepper-step.passed{background:#f8fafc;border-color:#e2e8f0}.stepper-track-wrap:not(.force-horizontal) .stepper-step.future{opacity:.65}.stepper-track-wrap:not(.force-horizontal) .stepper-step .step-circle{width:38px;height:38px;margin-bottom:0;flex-shrink:0;font-size:.82rem;z-index:2}.stepper-track-wrap:not(.force-horizontal) .stepper-step .step-label{flex:1;min-width:0}.stepper-track-wrap:not(.force-horizontal) .stepper-step .step-label .step-title-wrap{justify-content:flex-start}.stepper-track-wrap:not(.force-horizontal) .stepper-step .step-label strong{font-size:.92rem;margin-bottom:3px}.stepper-track-wrap:not(.force-horizontal) .stepper-step .step-label small{font-size:.8rem;line-height:1.4;color:#64748b}.operator-control-box{padding:14px}.operator-control-box .form-grid{grid-template-columns:1fr;gap:10px}.operator-control-box .btn{width:100%;justify-content:center}.client-readonly-box{flex-direction:column!important;align-items:stretch!important;padding:16px!important;gap:14px!important}.client-readonly-box .btn{width:100%;justify-content:center}.public-shell{padding:16px 12px 60px}.public-head{flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:16px;margin-bottom:20px}.public-head>div{width:100%;justify-content:space-between;flex-wrap:wrap;gap:8px}.client-portal-banner{padding:20px 16px;border-radius:18px;gap:16px}.client-portal-banner .info h1{font-size:1.35rem}.client-portal-banner .info p{font-size:.85rem;gap:8px}.client-portal-banner>div:last-child{width:100%}.client-portal-banner .btn{width:100%;justify-content:center}.portal-kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.portal-kpi-card{padding:14px;gap:10px;border-radius:14px}.portal-kpi-icon{width:38px;height:38px;border-radius:10px}.portal-kpi-data small{font-size:.7rem}.portal-kpi-data strong{font-size:1.25rem}.portal-nav-tabs{padding:4px;gap:4px;border-radius:14px;margin-bottom:18px}.portal-nav-tab{padding:8px 14px;font-size:.82rem;border-radius:10px}.portal-content-card{padding:16px 12px;border-radius:16px}.portal-card-header{flex-direction:column;align-items:flex-start;gap:12px}.portal-card-header>div:last-child{width:100%}.portal-card-header input,.portal-card-header select{width:100%!important}.client-login-box{margin:30px auto;padding:24px 20px;border-radius:20px}.client-login-box h2{font-size:1.3rem}.tracking-search-hero{padding:20px 16px;border-radius:16px}.tracking-search-hero h2{font-size:1.3rem}.tracking-search-hero p{font-size:.88rem}.tracking-search-bar{flex-direction:column;align-items:stretch;padding:10px;gap:8px;border-radius:12px}.tracking-search-bar input{padding:4px;font-size:.95rem}.tracking-search-bar .btn-search{width:100%;justify-content:center}.tracking-summary-card,.tracking-timeline-box{padding:18px 14px;border-radius:16px}.tracking-summary-route{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px}.a4-sheet-wrapper{padding:8px}.a4-sheet{padding:18px 16px;min-width:580px}.pdf-modal-action-bar{margin:-14px -14px 14px;padding:10px 14px;flex-direction:column;align-items:stretch;gap:8px}.pdf-modal-action-bar>div{width:100%;justify-content:center}}@media(max-width:440px){.portal-kpi-grid{grid-template-columns:1fr}.portal-kpi-card{padding:12px}}