.breadcrumb-nav{width:min(1200px,calc(100% - 2rem));margin:.5rem auto 0;padding:.5rem 0;font-size:.85rem}.breadcrumb-list{list-style:none;padding:0;margin:0;color:#64748b}.breadcrumb-list,.breadcrumb-list li{display:flex;align-items:center}.breadcrumb-separator{margin:0 .5rem;color:#cbd5e1}.breadcrumb-list a{color:#0e7490;text-decoration:none;font-weight:500}.breadcrumb-list a:hover{text-decoration:underline}.breadcrumb-current{color:#0f172a;font-weight:600}.header-center{display:flex;align-items:center;gap:6px;position:absolute;left:50%;transform:translateX(-50%)}.header-menu{position:fixed;top:0;right:0;height:100vh;width:260px;background:#fff;box-shadow:-2px 0 16px rgba(0,0,0,.08);z-index:1000;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.2rem}.header-menu.open{transform:translateX(0)}.header-menu .menu-item{display:block;width:100%;padding:14px 16px;position:relative;color:#111;font-size:1.1rem;border-bottom:1px solid #eee;transition:background .2s}.header-menu .menu-item.active{background:#bed5f8;font-weight:600}.header-menu .menu-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:#2563eb;border-radius:2px}.header-menu .menu-item:last-child{border-bottom:none}.header-menu .menu-item:hover{background:#f3f4f6}.header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.menu-toggle-btn{font-size:1.6rem;margin-right:3px}.menu-close-btn{position:absolute;top:16px;right:16px;font-size:1.5rem;background:none;border:none;cursor:pointer}.menu-logout-btn{cursor:pointer;color:#d32f2f;font-weight:600;text-align:left;background:transparent;padding:1rem 0}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f3f4f6;color:#111827}body{padding:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.page-shell{width:min(1200px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.page-title{margin:0 0 1rem;font-size:1.75rem;font-weight:700;color:#0f172a}.card{background:#ffffff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 10px 30px rgba(15,23,42,.08);padding:2rem}.auth-card,.indent-card{max-width:640px;margin:0 auto}.form-grid{display:grid;grid-gap:1rem;gap:1rem;margin-top:1.5rem}label{display:grid;grid-gap:.5rem;gap:.5rem;font-weight:600}input,select,textarea{width:100%;border:1px solid #d1d5db;border-radius:.75rem;padding:.85rem 1rem;background:#f9fafb;transition:border-color .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#2563eb;background:#ffffff}textarea{min-height:120px;resize:vertical}.ghost-button,button{border:none;border-radius:.75rem;cursor:pointer;font-weight:700;padding:.95rem 1.25rem}button{background:#2563eb;color:#ffffff}button:disabled{opacity:.65;cursor:not-allowed}.ghost-button{background:transparent;color:#2563eb}.form-error{color:#b91c1c;font-size:.95rem}.topbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}.topbar-brand{display:flex;align-items:center;gap:1rem}.brand-mark{min-width:3rem;min-height:3rem;border-radius:1rem;background:#2563eb;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800}.brand-label{margin:0 0 .25rem;font-size:.95rem;color:#2563eb;font-weight:700}.topbar-brand h1,.topbar-brand p{margin:0}.topbar-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;width:min(100%,480px)}.search-wrapper{flex:1 1 220px}.search-input{width:100%;border:1px solid #d1d5db;border-radius:999px;padding:.85rem 1rem;background:#f9fafb;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#2563eb;background:#ffffff}.user-dropdown{position:relative}.profile-button{display:inline-flex;align-items:center;gap:.75rem;background:#ffffff;border:1px solid #d1d5db;border-radius:999px;padding:.5rem .85rem;cursor:pointer}.profile-button:hover{background:#eff6ff}.user-avatar{width:2.1rem;height:2.1rem;border-radius:999px;background:#2563eb;color:white;display:inline-flex;align-items:center;justify-content:center}.user-avatar,.user-name{font-weight:700}.dropdown-panel{position:absolute;right:0;top:calc(100% + .75rem);min-width:180px;background:white;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 20px 45px rgba(15,23,42,.12);padding:.5rem 0;z-index:20}.dropdown-item{display:block;width:100%;text-align:left;padding:.85rem 1rem;color:#111827;background:transparent;border:none;cursor:pointer}.dropdown-item:hover{background:#eff6ff}.subnav-links{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.subnav-links a{padding:.75rem 1rem;border-radius:999px;border:1px solid transparent;background:#f8fafc;color:#111827}.subnav-links a.active,.subnav-links a:hover{background:#eff6ff;border-color:#dbeafe}.content-area{margin-top:0}.dashboard-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{padding:1.5rem;border-radius:1rem;background:linear-gradient(180deg,#ffffff,#f8fafc)}.stat-card.highlight{background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#ffffff}.stat-card h2,.stat-card p{margin:0}.stat-card p{margin-top:1rem;font-size:2rem;font-weight:700}.dashboard-actions{margin-top:2rem}.dashboard-actions h3{margin-bottom:.75rem}.indent-list{list-style:none;padding:0;margin:0}.indent-card-small,.indent-list{display:grid;grid-gap:1rem;gap:1rem}.indent-card-small{padding:1rem;border-radius:1rem;border:1px solid #e5e7eb;background:#ffffff}.indent-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.indent-card-clickable{cursor:pointer}.indent-details-overlay{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:2100;display:flex;align-items:center;justify-content:center;padding:1rem}.indent-details-card{width:min(560px,100%);background:#fff;border-radius:12px;padding:1rem;box-shadow:0 12px 30px rgba(15,23,42,.2)}.indent-details-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.indent-details-header h3{margin:0}.indent-details-close{background:transparent;color:#111827;font-size:1.25rem;padding:.25rem .5rem}.indent-details-remarks{margin:.75rem 0;color:#334155}.indent-details-items{list-style:none;margin:.75rem 0 0;padding:0;display:grid;grid-gap:.5rem;gap:.5rem}.indent-details-items li{display:flex;justify-content:space-between;gap:.75rem;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem .75rem}.pill{display:inline-flex;padding:.35rem .75rem;border-radius:999px;font-size:.85rem;font-weight:700;text-transform:capitalize}.profile-card{max-width:720px}.profile-header{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem}.profile-avatar{width:4rem;height:4rem;border-radius:999px;background:#2563eb;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800}.profile-subtitle{margin:.35rem 0 0;color:#6b7280}.profile-details{display:grid;grid-gap:1rem;gap:1rem}.profile-row{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:#f8fafc;border-radius:1rem}.profile-row span{color:#6b7280}.profile-row strong{color:#111827}.status-pending{background:#e0f2fe;color:#0c4a6e}.status-approved{background:#dcfce7;color:#166534}.status-rejected{background:#fee2e2;color:#991b1b}.status-fulfilled{background:#ede9fe;color:#5b21b6}.indent-status-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.indent-status-tab{padding:.5rem .85rem;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#334155;font-weight:600;font-size:.9rem}.indent-status-tab.active{background:#0e7490;border-color:#0e7490;color:#fff}@media (max-width:640px){.page-shell{width:calc(100% - 1.5rem)}.topbar{flex-direction:column;align-items:stretch}.nav-links{justify-content:stretch}}.dashboard-container{background:#f5f7fa;min-height:100vh;padding-bottom:70px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff}.logo{width:70px}.top-icons span{margin:0 6px;font-size:18px}.dc-header{text-align:center;margin-top:10px}.dc-row{display:flex;justify-content:space-between;align-items:flex-start;margin-top:10px}.dc-left{text-align:left}.dc-right{text-align:right}.dc-center{text-align:center;margin-top:8px}.dc-table-scroll{overflow-x:auto;margin-top:15px;width:100%}.dc-table{border-collapse:collapse;font-size:13px;width:auto}.dc-table td,.dc-table th{border:1px solid black;padding:6px 8px;text-align:center;white-space:nowrap}.welcome-card{background:#3b82f6;color:#fff;margin:10px 0;padding:10px;border-radius:16px}.label{font-size:11px;font-weight:700;color:#333;margin-bottom:4px}.value{font-size:18px;font-weight:400;color:#000;letter-spacing:.3px}.welcome-card h3{margin:0 0 12px;font-size:18px;font-weight:600}.credit-box-row{display:flex;justify-content:space-between;gap:10px}.credit-box{flex:1 1;background:#ffffff;color:#111827;border-radius:14px;padding:10px 1px;text-align:center}.credit-box p{margin:0;font-size:12px;color:#555}.credit-box h4{margin:6px 0 0;font-size:16px;font-weight:700}.dashboard-welcome-heading{margin:0 0 1rem;font-size:1.35rem;font-weight:700;color:#0f172a}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;padding:10px}.menu-card{position:relative;background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,.1);border:1.5px solid #2563eb}.menu-card img{width:40px;margin-bottom:10px}.menu-card-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:#2563eb}.menu-card-badge{position:absolute;top:-8px;right:-8px;background-color:#ef4444;color:white;border-radius:9999px;padding:2px 8px;font-size:12px;font-weight:700;box-shadow:0 2px 4px rgba(0,0,0,.2)}.module-back-nav{margin:0 0 .75rem;font-size:.9rem}.module-back-nav a{color:#0e7490;font-weight:600}.module-description{margin:.5rem 0 0;color:#64748b;font-size:.95rem;max-width:42rem}.routes-muted{margin:1.25rem 0 0;color:#64748b}.routes-banner{margin:1rem 0 0;padding:.85rem 1rem;border-radius:.75rem;font-size:.95rem}.routes-banner--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.routes-table-wrap{margin-top:1.25rem;overflow-x:auto;border:1px solid #e5e7eb;border-radius:.75rem;background:#fff}.routes-table{width:100%;border-collapse:collapse;font-size:.9rem}.routes-table td,.routes-table th{padding:.65rem .85rem;text-align:left;border-bottom:1px solid #f1f5f9;vertical-align:top}.routes-table th{background:#f8fafc;font-weight:600;color:#334155;white-space:nowrap}.routes-table tbody tr:last-child td{border-bottom:none}.routes-table-mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;color:#0f172a;white-space:nowrap}.routes-name{display:block;font-weight:600;color:#0f172a}.routes-desc{display:block;margin-top:.2rem;font-size:.8rem;font-weight:400;color:#64748b}.routes-footnote{margin:.75rem 0 0;font-size:.85rem;color:#64748b}.agents-route-field{margin-top:1.25rem;display:grid;grid-gap:.4rem;gap:.4rem;max-width:min(100%,28rem)}.agents-route-field label{font-weight:600;color:#334155}.indents-toolbar{display:flex;justify-content:flex-end;margin:1rem 0}.indents-header-row{display:flex;width:100%;min-height:50px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:nowrap}.indents-header-row .page-title{margin-bottom:0}.create-indent-btn{background:#0e7490;color:#fff;border:none;border-radius:6px;padding:.4rem .8rem;font-weight:600;font-size:.85rem;cursor:pointer;margin-left:auto}.indent-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.25);z-index:2000;display:flex;align-items:center;justify-content:center}.indent-modal-card{background:#fff;border-radius:14px;padding:24px;width:min(860px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow-x:hidden;overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,.12)}.indent-modal-grid .indent-modal-control,.indent-modal-grid select{position:relative;z-index:2}.indent-modal-header{margin-bottom:1rem}.indent-modal-title{margin:0}.indent-modal-subtitle{margin:.35rem 0 0;color:#64748b;font-size:.9rem}.indent-modal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:.75rem}.indent-modal-label{margin:0;font-size:.9rem;font-weight:500}.indent-modal-control{margin-top:.35rem}.indent-modal-actions-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.indent-modal-add-btn{background:#0e7490;color:#fff;border:none;border-radius:10px;padding:.6rem 1rem;font-weight:600;font-size:.95rem;cursor:pointer}.indent-modal-summary{color:#475569;font-size:.9rem;font-weight:600}.indent-modal-empty{border:1px dashed #cbd5e1;border-radius:10px;padding:1rem;color:#64748b;text-align:center;margin-top:.5rem}.indent-modal-table{width:100%;margin-top:12px;border-collapse:collapse;font-size:.9rem}.indent-modal-table-header-row{background:#f8fafc}.indent-modal-cell-left{text-align:left;padding:10px 8px;border-bottom:1px solid #e2e8f0}.indent-modal-cell-right{text-align:right;padding:10px 8px;border-bottom:1px solid #e2e8f0}.indent-modal-delete-btn{background:#fee2e2;border:none;color:#d32f2f;font-size:.85rem;cursor:pointer;border-radius:8px;padding:.35rem .65rem}.indent-modal-footer-actions{display:flex;justify-content:flex-end;margin-top:16px}.indent-modal-create-btn{background:#0e7490;color:#fff;margin-right:8px}.indent-modal-close-btn,.indent-modal-create-btn{border:none;border-radius:6px;padding:.5rem 1.2rem;font-weight:600;font-size:1rem}.indent-modal-close-btn{background:#eee;color:#222}.indent-modal-control-error{border:2px solid #d32f2f}@media (max-width:860px){.indent-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.indent-modal-grid{grid-template-columns:1fr}.indent-modal-actions-row{flex-direction:column;align-items:stretch;gap:.5rem}.indent-modal-summary{text-align:center}.indents-header-row{flex-direction:row;align-items:center}}.icon-btn{background:transparent;color:#111827}.skeleton{background:linear-gradient(90deg,#eeeeee 25%,#dddddd 37%,#eeeeee 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:6px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.skeleton.title{height:20px;width:60%;margin-bottom:10px}.skeleton.line{height:14px;width:80%;margin-bottom:8px}.skeleton.icon{height:40px;width:40px;margin:0 auto 10px;border-radius:10px}.skeleton.text{height:12px;width:60%;margin:0 auto 8px}.skeleton.badge{height:16px;width:30px;margin:0 auto;border-radius:10px}.bottom-nav{position:fixed;bottom:0;width:100%;height:60px;background:#fff;border-top:1px solid #eee;justify-content:space-around;z-index:1000}.bottom-nav,.bottom-nav a{display:flex;align-items:center}.bottom-nav a{flex-direction:column;justify-content:center;text-decoration:none;color:#666;font-size:12px}.bottom-nav span{font-size:20px}.bottom-nav a.active{color:#007bff;font-weight:600}@media print{.bottom-nav,.dc-right,.dc-table-scroll+div,.footer,.header,.menu,button,nav{display:none!important}body{margin:0;padding:0;background:white}.dc-header{text-align:center}.dc-table{width:100%;border-collapse:collapse;font-size:12px}.dc-table td,.dc-table th{border:1px solid black;padding:6px;text-align:center}.dc-table th{font-weight:700}*{color:black!important;background:white!important}.no-print{display:none!important}.dc-header h3{font-size:16px;margin-bottom:4px}.dc-header p{margin:2px 0}}