@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";
:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent-primary:#3b82f6;--accent-primary-hover:#2563eb;--accent-secondary:#8b5cf6;--border-color:#00000014;--border-highlight:#0000001f;--error:#ef4444;--success:#10b981;--warning:#f59e0b;--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-glow:0 0 20px #3b82f61a;--glass-bg:#ffffffb3;--glass-border:#00000014;--transition-fast:.15s ease;--transition-normal:.3s ease}[data-theme=dark]{--bg-primary:#0a0c10;--bg-secondary:#13161c;--bg-tertiary:#1c212a;--text-primary:#f0f4f8;--text-secondary:#9ba1a6;--text-muted:#6b7280;--border-color:#ffffff14;--border-highlight:#ffffff26;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0003;--shadow-glow:0 0 20px #3b82f626;--glass-bg:#13161c99;--glass-border:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal);border-radius:16px;padding:24px}.glass-card:hover{box-shadow:var(--shadow-lg), var(--shadow-glow);border-color:var(--border-highlight);transform:translateY(-2px)}.text-gradient{background:linear-gradient(135deg,#60a5fa,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;transition:all var(--transition-normal);border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #3b82f64d}.btn-primary:before{content:"";background:linear-gradient(135deg, var(--accent-secondary), var(--accent-primary));opacity:0;transition:opacity var(--transition-normal);z-index:-1;position:absolute;inset:0}.btn-primary:hover:before{opacity:1}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;display:inline-flex;color:var(--text-primary)!important}.btn-secondary:hover{border-color:var(--text-muted);background:#ffffff0d;color:#fff!important}.btn-outline{color:var(--text-primary);border:1px solid var(--border-color);transition:all var(--transition-fast);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;display:inline-flex}.btn-outline:hover{border-color:var(--accent-primary);background:#ffffff08}.input-group{margin-bottom:1.5rem}.input-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input-field{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);appearance:none;border-radius:8px;padding:.75rem 1rem}.input-field:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #3b82f626}.input-field::placeholder{color:var(--text-muted)}select.input-field{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.page-title{font-size:2.5rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:.5rem;font-size:1.1rem}.sidebar-link{color:var(--text-secondary);transition:all var(--transition-fast);border-left:3px solid #0000;border-radius:8px;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link svg{opacity:.7;transition:all var(--transition-fast)}.sidebar-link:hover{color:var(--text-primary);background:#ffffff0d;transform:translate(4px)}.sidebar-link:hover svg{opacity:1;color:var(--accent-primary)}.sidebar-link.active{color:var(--accent-primary);border-left-color:var(--accent-primary);background:linear-gradient(90deg,#3b82f61a 0%,#3b82f600 100%);font-weight:600}.sidebar-link.active svg{opacity:1;color:var(--accent-primary)}.app-layout{background-color:var(--bg-primary);flex-direction:row;width:100vw;height:100vh;display:flex}.erp-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;width:260px;display:flex;box-shadow:4px 0 24px #0000000d}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem 1rem;display:flex}.sidebar-logo{border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;height:4.5rem;padding:0 1.5rem;display:flex}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.topbar-header{border-bottom:1px solid var(--border-color);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;height:4.5rem;padding:0 2rem;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.mobile-header-wrap{justify-content:space-between;align-items:center;display:flex}.project-action-grid{align-items:center;gap:.75rem;display:flex}.info-grid-detail{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (max-width:768px){.app-layout{flex-direction:column-reverse}.erp-sidebar{border-right:none;border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;flex-direction:row;width:100%;height:72px;box-shadow:0 -4px 20px #0003;background:var(--bg-secondary)!important}.sidebar-logo,.sidebar-footer,.nav-heading{display:none!important}.sidebar-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:.5rem!important;padding:0 .5rem!important;overflow:auto hidden!important}.sidebar-link{border-bottom:4px solid #0000;border-radius:0;flex-direction:column;flex:0 0 72px;justify-content:center;align-items:center;height:100%;color:var(--text-muted)!important;border-left:none!important;gap:.2rem!important;padding:.5rem .25rem!important;font-size:.65rem!important}.sidebar-link svg{width:20px!important;height:20px!important}.sidebar-link.active{border-bottom-color:var(--accent-primary)!important;color:var(--accent-primary)!important;background:linear-gradient(#0000 0%,#3b82f614 100%)!important}.sidebar-link span[style*="position: 'absolute'"]{transform:scale(.9);top:5px!important;right:15%!important}.sidebar-link:hover{transform:none}.app-layout>div:last-child{height:calc(100vh - 72px)!important}.scrollable-main{overflow-x:hidden;padding:.75rem .75rem 5rem!important}.glass-card:has(.table-responsive-wrapper){box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.topbar-header{justify-content:space-between!important;height:3.5rem!important;padding:0 .75rem!important}.topbar-search{display:none!important}.topbar-user{border-left:none!important;gap:0!important;padding-left:0!important;display:flex!important}.mobile-header-wrap{flex-direction:column!important;align-items:stretch!important;gap:1rem!important;padding:1.25rem 1rem!important}.mobile-header-wrap>div{flex-wrap:wrap!important;align-items:center!important;gap:.75rem!important;width:100%!important;display:flex!important}.project-action-grid{flex-wrap:wrap!important;gap:.5rem!important;width:100%!important;display:flex!important}.project-action-grid a,.project-action-grid button{justify-content:center;min-width:calc(50% - .5rem);flex:1!important;padding:.6rem .5rem!important;font-size:.7rem!important}.info-grid-detail{grid-template-columns:1fr 1fr!important;gap:1rem!important;padding:1rem!important}.topbar-user>div:first-child{display:none!important}.topbar-user>div:last-child{width:30px!important;height:30px!important;font-size:.75rem!important}.mobile-logo{display:flex!important}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.metric-card{padding:.85rem!important}.metric-value{font-size:1.2rem!important}.glass-card{padding:1rem!important}.responsive-form-layout,.responsive-grid,.responsive-grid-detail{grid-template-columns:1fr!important;gap:1rem!important}.page-header{flex-direction:column!important;align-items:stretch!important;gap:1rem!important;margin-bottom:1.5rem!important}.page-header>div:first-child{text-align:left}.page-header h1{font-size:1.3rem!important}.page-header .btn-primary{justify-content:center;width:100%}.input-field,select,input,textarea{font-size:16px!important}.responsive-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;padding:1rem!important}.filter-inputs{flex-direction:column!important;gap:.75rem!important;width:100%!important}.filter-inputs input,.filter-inputs select,.filter-inputs button{width:100%!important;margin:0!important}.filter-inputs input{flex:1;min-width:200px}.filter-inputs button{flex:1;min-width:80px;padding:.5rem!important}.responsive-inline-form{flex-direction:column!important;gap:.75rem!important}.responsive-inline-form .form-group-item{flex:none!important;width:100%!important}.responsive-inline-form button{width:100%!important;height:40px!important;margin-top:.25rem!important}.approval-bulk-actions{flex-wrap:wrap;justify-content:space-between}.approval-card{position:relative;flex-direction:column!important;gap:.75rem!important}.approval-card input[type=checkbox]{position:absolute;top:1rem;right:1rem;margin:0!important}.approval-card-info{width:100%}.approval-info-header{flex-direction:column!important;gap:.25rem!important}.approval-info-header>div:last-child{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:.25rem;padding-top:.5rem;display:flex;text-align:left!important}.approval-card-actions{border-top:1px solid var(--border-color);width:100%;padding-top:.75rem;justify-content:stretch!important}.approval-card-actions button{flex:1}.history-table-container{overflow-x:auto!important}.history-table-container table{min-width:600px}.approval-header{gap:.5rem!important}.approval-header h1{justify-content:space-between;width:100%}.pending-badge{margin-left:auto}.approval-summary-card{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex;text-align:left!important;width:100%!important;min-width:auto!important}.approval-summary-card>div:last-child{font-size:1.1rem!important}.responsive-table tr{box-shadow:var(--shadow-sm);border:1px solid var(--border-color)!important;background:var(--bg-secondary)!important;border-radius:12px!important;margin:0 0 1rem!important;padding:1rem!important;display:block!important}.responsive-table td{text-align:left!important;border:none!important;padding:.4rem 0!important;display:block!important}.responsive-table td:before{content:attr(data-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem;font-size:.65rem;font-weight:600;display:block}.responsive-table td[data-label=\#]{display:none!important}.responsive-table td[data-label="Material / Wage Name"]{padding-top:0!important;font-size:1rem!important}.table-actions-mobile{border-top:1px solid var(--border-color);margin-top:.5rem;justify-content:flex-start!important;gap:1.5rem!important;padding-top:.75rem!important}.gantt-container{padding:1rem!important}.gantt-month-header{padding-left:120px!important}.gantt-label{width:120px!important}.mobile-only-text{font-size:.85rem;font-weight:500;display:inline!important}.desktop-only-text,.desktop-only{display:none!important}.table-responsive-wrapper{overflow:visible!important}.responsive-table thead{display:none!important}.responsive-table tr{box-shadow:var(--shadow-sm);border:1px solid var(--border-color)!important;background:var(--bg-secondary)!important;border-radius:12px!important;margin-bottom:1rem!important;padding:1rem!important;display:block!important}.responsive-table td{gap:1rem;min-height:2.2rem;text-align:right!important;border-bottom:1px solid #ffffff0d!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;padding:.6rem 0!important;display:flex!important}.responsive-table td:before{content:attr(data-label);color:var(--text-muted);text-transform:uppercase;text-align:left;flex-shrink:0;margin-top:.1rem;font-size:.65rem;font-weight:600}.responsive-table td>div,.responsive-table td>span,.responsive-table td>a{word-break:break-word!important;max-width:65%!important}.responsive-table td:last-child{border-bottom:none!important}}.responsive-form-layout{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.responsive-grid-detail{grid-template-columns:1fr 300px;gap:1rem;display:grid}.responsive-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media print{@page{size:A4 landscape;margin:1cm}body{color:#000!important;background:#fff!important}.erp-sidebar,.topbar-header,.no-print,button,form,a[href^="/projects/"]{display:none!important}.erp-main-content{margin-left:0!important}.scrollable-main{height:auto!important;padding:0!important;overflow:visible!important}.glass-card,div[style*="background: 'var(--bg-secondary)'"]{box-shadow:none!important;color:#000!important;background:0 0!important;border:1px solid #ddd!important}*{color:#000!important;border-color:#ddd!important}table th{color:#000!important;background:#f5f5f5!important}table td,table th{border-bottom:1px solid #ddd!important}}