@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #1D439B;--primary-hover: #153278;--primary-glow: rgba(29, 67, 155, .4);--secondary: #94a3b8;--accent: #EB342E;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--bg-main: #f8f9fc;--bg-card: #ffffff;--bg-input: #ffffff;--text-dark: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--border-hover: #cbd5e1;--sidebar-w: 280px;--sidebar-collapsed-w: 80px;--sidebar-bg: #1D439B;--radius: 8px;--radius-sharp: 0px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-glow: 0 0 20px var(--primary-glow)}[data-theme=dark]{--bg-main: #020617;--bg-card: rgba(15, 23, 42, .9);--bg-input: rgba(15, 23, 42, .8);--text-dark: #f8fafc;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .2);--sidebar-bg: #0f172a}*{margin:0;padding:0;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}body{background-color:var(--bg-main);color:var(--text-dark);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:800;color:var(--text-dark);letter-spacing:-.02em}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow),var(--shadow-glow);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:600;border-radius:var(--radius);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid transparent;font-size:.875rem;gap:.5rem;font-family:Plus Jakarta Sans,sans-serif;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;box-shadow:0 4px 14px 0 var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.btn-primary:active{transform:translateY(0)}.btn-outline{background:#ffffff08;border:1px solid var(--border);color:var(--text-dark);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-outline:hover{background:#ffffff14;border-color:#ffffff4d;transform:translateY(-1px)}.badge{padding:4px 10px;border-radius:4px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;white-space:nowrap}.badge-draft{background:#f1f5f9;color:#475569;border-color:#e2e8f0}[data-theme=dark] .badge-draft{background:#94a3b81a;color:#94a3b8;border-color:#94a3b833}.badge-submitted,.badge-pending,.badge-for-approval{background:#fff7ed;color:#c2410c;border-color:#ffedd5}.badge-approved{background:#f0fdf4;color:#15803d;border-color:#dcfce7}.badge-rejected,.badge-returned,.badge-urgent{background:#fef2f2;color:#b91c1c;border-color:#fee2e2}.badge-for-review{background:#f0f9ff;color:#0369a1;border-color:#e0f2fe}[data-theme=dark] .badge-submitted,[data-theme=dark] .badge-pending,[data-theme=dark] .badge-for-approval{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b33}[data-theme=dark] .badge-approved{background:#10b9811a;color:#10b981;border-color:#10b98133}[data-theme=dark] .badge-rejected,[data-theme=dark] .badge-returned,[data-theme=dark] .badge-urgent{background:#ef44441a;color:#ef4444;border-color:#ef444433}.app-wrapper{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--border);color:#fff;padding:2rem 1.5rem;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s ease;overflow-x:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-w);padding:2rem 1rem}.sidebar.collapsed .sidebar-header span,.sidebar.collapsed .nav-link span,.sidebar.collapsed .user-profile>div:last-child{display:none}.sidebar.collapsed .nav-link{justify-content:center;padding:.875rem 0}.sidebar.collapsed .sidebar-header{justify-content:center}.main-content{flex:1;margin-left:var(--sidebar-w);padding:2.5rem 3rem;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center}.main-content>*{width:100%;max-width:1440px}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed-w)}.nav-link{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;color:#ffffffb3;text-decoration:none;border-radius:var(--radius);margin-bottom:.5rem;transition:all .3s ease;font-weight:500;position:relative}.nav-link:hover{background:#ffffff0d;color:#fff;transform:translate(4px)}.nav-link.active{background:#ffffff1a;color:#fff;font-weight:700}.nav-link.active:before{content:"";position:absolute;left:-24px;top:0;bottom:0;width:4px;background:var(--accent);box-shadow:2px 0 10px var(--accent)}.header-top{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;margin-bottom:2rem;position:sticky;top:0;z-index:50;background:transparent;transition:all .3s ease}.header-top.scrolled{padding:.75rem 1.5rem;margin:0 -1.5rem 2rem;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);box-shadow:0 4px 30px #0000004d}.search-bar input{background:#ffffff08!important;border-color:var(--border)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.search-bar input:focus{background:#ffffff12!important;border-color:var(--primary)!important;box-shadow:0 0 0 4px var(--primary-glow)}body.light-mode .search-bar input{background:#00000005!important}body.light-mode .search-bar input:focus{background:#fff!important}@media (max-width: 1024px){:root{--sidebar-w: 280px}.sidebar{position:fixed;left:-280px;top:0;bottom:0;width:280px;z-index:1000;transition:left .3s cubic-bezier(.4,0,.2,1)}.sidebar.mobile-open{left:0}.sidebar-collapse-btn{display:none!important}.main-content{margin-left:0!important;padding:1.5rem}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-overlay.show{opacity:1;pointer-events:auto}.mobile-menu-toggle{display:flex!important;align-items:center;justify-content:center}.header-top{padding:1rem 0}.search-bar{width:200px!important}.create-btn span{display:none}.create-btn{padding:8px!important;width:40px;height:40px}.desktop-only{display:none!important}}@media (max-width: 932px) and (orientation: landscape){.header-top{padding:.5rem 0!important;margin-bottom:1rem!important}.main-content{padding:1rem 1.5rem!important}h1{font-size:1.5rem!important}.search-bar{width:180px!important}.detail-header{margin-bottom:1rem!important;gap:.75rem!important}.detail-tabs{margin-bottom:1rem!important;gap:1.25rem!important}.detail-tabs button{padding:.5rem 0!important}.stats-grid{margin-bottom:1.5rem!important;grid-template-columns:repeat(2,1fr)!important}.stat-card{padding:1rem!important;gap:.75rem!important}.icon-box{width:40px!important;height:40px!important}.glass-card{padding:1.25rem!important}.form-header{margin-bottom:.75rem!important}.form-header h1{font-size:1.25rem!important}.stepper-container{margin-bottom:1.5rem!important}.stepper-container>div>div:first-child{width:32px!important;height:32px!important}.stepper-container span{font-size:.65rem!important}.login-card{padding:1.5rem!important}.login-header{margin-bottom:1.5rem!important}.login-header>div:first-child{margin-bottom:1rem!important}.login-page-wrapper{padding:1rem!important}.login-card form{gap:1rem!important}.request-type-grid{gap:.75rem!important}.request-type-card{padding:.75rem!important;gap:.5rem!important}.request-type-card>div:first-child{font-size:1rem!important}.form-section{padding:1.25rem!important}.form-section h3{margin-bottom:1rem!important}.stepper-container-simple{margin-bottom:1.5rem!important;gap:1rem!important}}@media (max-width: 640px){.search-bar{display:none!important}.stats-grid{grid-template-columns:1fr;gap:1rem}.header-actions{margin-left:auto}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{padding:1.75rem;border-radius:var(--radius);background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.03),transparent);transform:translate(-100%);transition:transform .6s ease}.stat-card:hover:before{transform:translate(100%)}.stat-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-glow)}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}@media (max-width: 1024px){.detail-header{flex-direction:column;align-items:stretch}.detail-header .header-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}}.detail-tabs{border-bottom:1px solid var(--border);margin-bottom:2rem;display:flex;gap:2rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.detail-tabs::-webkit-scrollbar{display:none}.dashboard-main-grid{display:grid;grid-template-columns:2fr 1.2fr;gap:2.5rem}@media (max-width: 1280px){.dashboard-main-grid{grid-template-columns:1fr;gap:1.5rem}}h1,h2,h3,h4,h5,h6{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:800;color:var(--text-dark);letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-sharp);font-weight:700;cursor:pointer;transition:all .2s ease;border:none;font-size:.875rem;letter-spacing:.02em;text-transform:uppercase;font-family:inherit}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#c82a25;transform:translateY(-1px);box-shadow:0 4px 12px #eb342e4d}input,select,textarea{width:100%;padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sharp);color:var(--text-dark);font-size:.875rem;transition:all .2s ease;outline:none;font-family:inherit}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer;opacity:.7}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}body.light-mode input[type=date]::-webkit-calendar-picker-indicator{filter:none}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 4px var(--primary-glow);transform:translateY(-1px)}input:hover,select:hover,textarea:hover{border-color:var(--border-hover)}::placeholder{color:var(--text-muted);opacity:.9}.table-container{overflow-x:auto;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}table{width:100%;border-collapse:collapse}th{background:#ffffff05;padding:1.25rem 1.5rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);letter-spacing:.05em}td{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:.875rem;color:var(--text-dark);transition:background .2s ease}tr:hover td{background:#ffffff08}.boq-header{display:grid;padding:0 1.5rem .5rem;font-size:.65rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:1rem}.boq-item-row{display:grid;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:var(--radius);border:1px solid var(--border);transition:all .2s ease;margin-bottom:1rem}[data-theme=dark] .boq-item-row{background:var(--bg-main)}.boq-item-row:hover{box-shadow:0 4px 12px #0000000d;border-color:var(--primary-light)}.boq-field-group{display:flex;flex-direction:column;gap:6px}.boq-field-label{font-size:.6rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.boq-item-row input{background:#fff!important;border:1px solid var(--border)!important;border-radius:4px!important;padding:10px 12px!important;font-weight:500!important;transition:all .2s ease!important}[data-theme=dark] .boq-item-row input{background:#ffffff08!important}.boq-item-row input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)!important}.boq-total-section{margin-top:1.5rem;padding:2rem;display:flex;justify-content:flex-end;align-items:center;gap:1rem;border-top:1px solid var(--border)}.boq-total-label{font-size:.875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.boq-total-amount{font-size:1.5rem;font-weight:800;color:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #f43f5e99}70%{box-shadow:0 0 0 8px #f43f5e00}to{box-shadow:0 0 #f43f5e00}}.badge-pulse{animation:pulse-glow 2s cubic-bezier(.4,0,.6,1) infinite}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.05) 45%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 55%,transparent 100%);transform:rotate(45deg);animation:shimmer-swipe 4s infinite linear}@keyframes shimmer-swipe{0%{transform:translate(-100%,-100%) rotate(45deg)}to{transform:translate(100%,100%) rotate(45deg)}}.btn-primary{position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.btn-primary:hover:after{opacity:1}.card-hover-bright:hover{filter:brightness(1.1);border-color:var(--primary)}.animate-slide-in{animation:slideIn .4s cubic-bezier(0,.5,.5,1) forwards}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}