.nhq-sidebar{width:var(--sidebar-width);color:#fff;background:#011229;border-right:1px solid #ffffff0f;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:8px 0 30px #0000002e}.nhq-sidebar-logo{border-bottom:1px solid #ffffff14;justify-content:center;align-items:center;height:90px;margin-bottom:10px;padding:12px 0;display:flex}.nhq-sidebar-logo img{object-fit:contain;width:250px;height:190px;display:block}.nhq-sidebar.collapsed .nhq-sidebar-logo{height:72px}.nhq-sidebar.collapsed .nhq-sidebar-logo img{width:72px;height:72px}.nhq-sidebar-menu{flex:1;padding:18px;overflow-y:auto}.nhq-sidebar-menu::-webkit-scrollbar{width:6px}.nhq-sidebar-menu::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:20px}.nhq-sidebar-link{color:#d1d5db;border-radius:14px;align-items:center;gap:14px;height:48px;margin-bottom:8px;padding:0 16px;font-size:15px;font-weight:500;transition:all .25s;display:flex}.nhq-sidebar-link svg{flex-shrink:0}.nhq-sidebar-link:hover{color:#fff;background:#374151}.nhq-sidebar-link.active{color:#fff;background:linear-gradient(135deg,#ff9f1a,#ff7300);box-shadow:0 12px 22px #ff73004d}.nhq-sidebar-footer{background:#1f2937;flex-shrink:0;padding:18px}.nhq-sidebar-help{cursor:pointer;text-align:left;color:#fff;appearance:none;background:#2b3646;border:1px solid #ffffff0f;border-radius:18px;outline:none;align-items:center;gap:14px;width:100%;padding:16px;transition:all .25s;display:flex}.nhq-sidebar-help:hover{background:#374151;border-color:#f9731659;transform:translateY(-2px)}.nhq-sidebar-help:active{transform:translateY(0)}.nhq-sidebar-help svg{color:#fff;flex-shrink:0}.nhq-sidebar-help strong{color:#fff;font-size:15px;font-weight:600;display:block}.nhq-sidebar-help p{color:#ff9f1a;margin-top:4px;font-size:13px;font-weight:600}.nhq-sidebar.collapsed .nhq-sidebar-help div{display:none}@media (width<=992px){.nhq-sidebar{z-index:1000;transition:all .3s;transform:translate(-100%)}.nhq-sidebar.open{transform:translate(0)}}.nhq-sidebar.collapsed .nhq-sidebar-brand{justify-content:center;padding:22px 14px}.nhq-sidebar.collapsed .nhq-sidebar-brand h2,.nhq-sidebar.collapsed .nhq-sidebar-brand p,.nhq-sidebar.collapsed .nhq-sidebar-link span,.nhq-sidebar.collapsed .nhq-sidebar-help div{display:none}.nhq-sidebar.collapsed .nhq-sidebar-menu{padding:18px 12px}.nhq-sidebar.collapsed .nhq-sidebar-link{justify-content:center;padding:0}.nhq-sidebar.collapsed .nhq-sidebar-footer{padding:14px}.nhq-sidebar.collapsed .nhq-sidebar-help{justify-content:center;padding:14px}.notification-wrapper{position:relative}.notification-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #ececec;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .25s;display:flex;position:relative}.notification-btn:hover{color:#ff7a00;background:#fff7ed;border-color:#fed7aa}.notification-badge{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.notification-popup{z-index:999;background:#fff;border:1px solid #ececec;border-radius:20px;width:380px;position:absolute;top:52px;right:0;overflow:hidden;box-shadow:0 18px 45px #0f172a29}.notification-head{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px;display:flex}.notification-head h3{color:#111827;margin:0;font-size:17px;font-weight:600}.notification-head p{color:#777;margin:4px 0 0;font-size:12px}.mark-read-btn{color:#ff7a00;cursor:pointer;background:#fff7ed;border:none;border-radius:12px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.notification-list{max-height:390px;overflow-y:auto}.notification-item{cursor:pointer;border-bottom:1px solid #f5f5f5;gap:12px;padding:14px 16px;transition:all .2s;display:flex;position:relative}.notification-item:hover{background:#fff7ed}.notification-item.unread{background:#fffaf4}.notification-icon{background:#f9fafb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notification-body{flex:1;min-width:0}.notification-body h4{color:#111827;margin:0;font-size:14px;font-weight:600}.notification-body p{color:#6b7280;margin:5px 0;font-size:12.5px;line-height:1.4}.notification-body small{color:#ff7a00;background:#fff7ed;border-radius:999px;margin-top:2px;padding:3px 8px;font-size:11px;display:inline-block}.notification-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:6px}.notification-empty{text-align:center;color:#777;padding:36px 20px;font-size:14px}@media (width<=600px){.notification-popup{width:auto;position:fixed;top:70px;left:14px;right:14px}}.notification-icon.project-message{color:#f97316;background:#fff7ed}.nhq-header{height:var(--header-height);border-bottom:1px solid var(--border);z-index:999;background:#fff;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0f172a0a}.nhq-header-left{align-items:center;gap:18px;display:flex}.nhq-menu-btn{width:44px;height:44px;color:var(--primary);cursor:pointer;background:#fff7ed;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;transition:all .25s;display:flex}.nhq-menu-btn:hover{background:var(--primary);color:#fff}.nhq-header-left h1{color:var(--text);margin:0;font-size:24px;font-weight:700}.nhq-header-left p{color:var(--muted);margin-top:4px;font-size:13px}.nhq-header-center{flex:1;justify-content:center;padding:0 40px;display:flex}.nhq-header-search{border:1px solid var(--border);background:#f8fafc;border-radius:14px;align-items:center;gap:12px;width:100%;max-width:520px;height:46px;padding:0 16px;transition:all .25s;display:flex}.nhq-header-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #f973161a}.nhq-header-search svg{color:#94a3b8}.nhq-header-search input{width:100%;color:var(--text);background:0 0;border:none;outline:none;font-size:14px}.nhq-header-search input::placeholder{color:#94a3b8}.nhq-header-right{align-items:center;gap:22px;display:flex}.nhq-notification-btn{width:44px;height:44px;color:var(--primary);cursor:pointer;background:#fff7ed;border:none;border-radius:12px;justify-content:center;align-items:center;transition:all .25s;display:flex;position:relative}.nhq-notification-btn:hover{background:var(--primary);color:#fff}.nhq-notification-btn span{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;font-size:11px;font-weight:600;display:flex;position:absolute;top:-4px;right:-4px}.nhq-user-profile{cursor:pointer;border-left:1px solid var(--border);align-items:center;gap:12px;padding-left:14px;display:flex}.nhq-user-avatar{color:#fff;background:linear-gradient(135deg,#ff9f1a,#ff7300);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:flex;box-shadow:0 10px 20px #ff73004d}.nhq-user-profile strong{color:var(--text);font-size:14px;display:block}.nhq-user-profile p{color:var(--muted);margin-top:4px;font-size:12px}@media (width<=1100px){.nhq-header-search{max-width:340px}}@media (width<=768px){.nhq-header{padding:0 16px}.nhq-header-center{display:none}.nhq-header-left h1{font-size:20px}.nhq-user-profile div:nth-child(2){display:none}}.nhq-header-center{position:relative}.global-search-popup{z-index:900;background:#fff;border:1px solid #ececec;border-radius:18px;position:absolute;top:52px;left:0;right:0;overflow:hidden;box-shadow:0 18px 45px #0f172a29}.global-search-head{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.global-search-head span{color:#111827;font-size:14px;font-weight:600}.global-search-head small{color:#ff7a00;font-size:12px}.global-search-item{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f7f7f7;justify-content:space-between;gap:12px;width:100%;padding:13px 15px;display:flex}.global-search-item:hover{background:#fff7ed}.global-search-item strong{color:#111827;font-size:14px;display:block}.global-search-item span{color:#777;margin-top:4px;font-size:12px;display:block}.global-search-item small{color:#ff7a00;background:#fff7ed;border-radius:999px;height:fit-content;padding:4px 8px;font-size:11px}.global-search-empty{text-align:center;color:#777;padding:28px;font-size:13px}.nhq-user-profile-wrap{position:relative}.nhq-user-profile{cursor:pointer;background:#fff;border:1px solid #ececec;border-radius:16px;align-items:center;gap:10px;padding:8px 10px;display:flex}.profile-dropdown{z-index:950;background:#fff;border:1px solid #ececec;border-radius:18px;width:260px;position:absolute;top:58px;right:0;overflow:hidden;box-shadow:0 18px 45px #0f172a29}.profile-dropdown-head{background:#fff7ed;border-bottom:1px solid #fed7aa;align-items:center;gap:12px;padding:16px;display:flex}.nhq-user-avatar.large{width:44px;height:44px}.profile-dropdown-head strong{color:#111827;font-size:14px}.profile-dropdown-head p{color:#777;margin:3px 0 0;font-size:12px}.profile-dropdown button{cursor:pointer;color:#374151;text-align:left;background:#fff;border:none;align-items:center;gap:10px;width:100%;padding:13px 15px;font-size:14px;display:flex}.profile-dropdown button:hover{color:#ff7a00;background:#fff7ed}.profile-dropdown button.logout{color:#dc2626}.profile-dropdown button.logout:hover{color:#dc2626;background:#fef2f2}.nhq-user-avatar{color:#ff7a00;background:#fff3e8;border:2px solid #ffe1c2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:600;display:flex;overflow:hidden}.nhq-user-avatar.large{border-radius:50%;width:64px;height:64px;font-size:22px}.nhq-user-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.nhq-user-profile{align-items:center;gap:12px;display:flex}.nhq-user-profile strong{color:#111827;font-size:14px;font-weight:600;display:block}.nhq-user-profile p{color:#6b7280;margin:2px 0 0;font-size:12px}.profile-dropdown-head{border-bottom:1px solid #ececec;align-items:center;gap:14px;margin-bottom:14px;padding-bottom:14px;display:flex}.profile-dropdown-head strong{color:#111827;font-size:15px;display:block}.profile-dropdown-head p{color:#6b7280;margin-top:4px;font-size:13px}.mobile-search-btn,.mobile-search-close{color:#f97316;cursor:pointer;background:#fff7ed;border:none;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:none}.mobile-search-btn:hover,.mobile-search-close:hover{color:#fff;background:#f97316}@media (width<=992px){.nhq-header{height:70px;padding:0 14px}.nhq-header-center{display:none}.nhq-header-center.mobile-open{z-index:1200;padding:0;display:flex;position:fixed;top:80px;left:12px;right:12px}.nhq-header-search{background:#fff;width:100%;max-width:100%;box-shadow:0 15px 35px #0f172a1f}.mobile-search-btn,.mobile-search-close{display:flex}.nhq-header-right{gap:10px}.nhq-user-profile>div:not(.nhq-user-avatar){display:none}.nhq-user-avatar{width:40px;height:40px;display:flex!important}.nhq-user-profile{align-items:center;padding:3px;display:flex!important}.nhq-user-profile svg:last-child{display:none}.nhq-header-left h1{font-size:20px}.nhq-header-left p{display:none}.global-search-popup{top:56px}}@media (width<=576px){.nhq-header{padding:0 10px}.nhq-header-left{gap:10px}.nhq-header-left h1{font-size:18px}.nhq-menu-btn,.mobile-search-btn,.nhq-notification-btn{width:40px;height:40px}.profile-dropdown{width:240px;right:-8px}}.global-search-item{grid-template-columns:38px 1fr auto;align-items:center;gap:12px;display:grid}.global-search-item.active{background:#fff7ed}.global-search-icon{border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.global-search-icon.folder{color:#f97316;background:#fff7ed}.global-search-icon.box{color:#2563eb;background:#eff6ff}.global-search-icon.truck{color:#7c3aed;background:#f5f3ff}.global-search-icon.employee,.global-search-icon.user{color:#16a34a;background:#ecfdf5}.global-search-icon.file{color:#dc2626;background:#fef2f2}.global-search-icon.rupee{color:#0891b2;background:#ecfeff}.global-search-icon.default{color:#64748b;background:#f1f5f9}.global-search-item strong{white-space:nowrap;text-overflow:ellipsis;max-width:260px;display:block;overflow:hidden}.global-search-item span{white-space:nowrap;text-overflow:ellipsis;max-width:280px;display:block;overflow:hidden}.admin-layout{background:var(--bg);min-height:100vh;display:flex}.main-wrapper{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));min-height:100vh;transition:all .25s}.page-content{padding:24px}.admin-layout.sidebar-collapsed{--sidebar-width:86px}.admin-layout.sidebar-collapsed .main-wrapper{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.sidebar-overlay{display:none}@media (width<=992px){.admin-layout{display:block}.main-wrapper{width:100%!important;margin-left:0!important}.page-content{padding:14px}.nhq-sidebar{height:100vh;transition:left .28s;top:0;z-index:1200!important;width:260px!important;position:fixed!important;left:-280px!important}.nhq-sidebar.open{left:0!important}.nhq-sidebar.collapsed{width:260px!important}.nhq-sidebar.collapsed .nhq-sidebar-link span{display:inline!important}.nhq-sidebar.collapsed .nhq-sidebar-menu{align-items:stretch!important}.sidebar-overlay{z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#0f172a8c;border:none;margin:0;padding:0;transition:all .25s;display:block;position:fixed;inset:0}.sidebar-overlay.show{opacity:1;pointer-events:auto}}@media (width<=576px){.page-content{padding:12px}.nhq-sidebar{width:255px!important;left:-270px!important}.nhq-sidebar.open{left:0!important}}.nhq-btn{cursor:pointer;border:none;border-radius:14px;outline:none;justify-content:center;align-items:center;gap:10px;height:40px;padding:0 16px;font-family:inherit;font-weight:500;line-height:1;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.nhq-btn:active{transform:translateY(0)}.nhq-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.nhq-btn-sm{height:36px;padding:0 14px;font-size:13px}.nhq-btn-md{height:44px;padding:0 20px;font-size:14px}.nhq-btn-lg{height:50px;padding:0 26px;font-size:15px}.nhq-btn-full{width:100%}.nhq-btn-primary{background:var(--primary);color:#fff}.nhq-btn-primary:hover:not(:disabled){background:var(--primary-dark)}.nhq-btn-secondary{color:#fff;background:#111827}.nhq-btn-secondary:hover:not(:disabled){background:#1f2937}.nhq-btn-outline{color:var(--text);border:1px solid var(--border);background:#fff}.nhq-btn-ghost{color:var(--text);background:0 0}.nhq-btn-ghost:hover:not(:disabled){background:#f8fafc}.nhq-btn-danger{background:var(--danger);color:#fff}.nhq-btn-danger:hover:not(:disabled){filter:brightness(.95)}.nhq-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite nhqSpin}@keyframes nhqSpin{to{transform:rotate(360deg)}}.nhq-stat-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.nhq-stat-card.clickable{cursor:pointer}.nhq-stat-card.clickable:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0f172a14}.nhq-stat-icon.orange{background:var(--primary-light);color:var(--primary)}.nhq-stat-icon.red{color:var(--danger);background:#fee2e2}.nhq-stat-info{flex:1;min-width:0}.nhq-stat-info p{color:var(--muted);margin:0;font-size:13px}.nhq-stat-info h3{color:var(--text);margin:6px 0;font-size:28px;font-weight:700}.nhq-stat-trend{color:var(--success);margin-top:2px;font-size:12px;display:inline-block}@media (width<=768px){.nhq-stat-card{gap:14px;padding:16px}.nhq-stat-icon{width:48px;height:48px}.nhq-stat-info h3{font-size:22px}}.nhq-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:all .2s}.nhq-card-sm{padding:14px}.nhq-card-md{padding:20px}.nhq-card-lg{padding:28px}.nhq-card-hover{cursor:pointer}.nhq-card-hover:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a14}.nhq-card:active{transform:translateY(0)}.dashboard-page{flex-direction:column;gap:24px;display:flex}.dashboard-hero{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(135deg,#fff7ed,#fff);border-radius:20px;justify-content:space-between;align-items:center;padding:26px;display:flex}.dashboard-hero h2{margin:0;font-size:28px}.dashboard-hero p{color:var(--muted);max-width:760px;margin:8px 0 0}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.dashboard-grid{grid-template-columns:2fr 1fr;gap:18px;display:grid}.dashboard-card-large{grid-row:span 2}.card-head{justify-content:space-between;margin-bottom:18px;display:flex}.card-head h3{margin:0;font-size:18px}.card-head p{color:var(--muted);margin:5px 0 0;font-size:13px}.progress-list{flex-direction:column;gap:18px;display:flex}.progress-top{justify-content:space-between;margin-bottom:8px;display:flex}.progress-track{background:#f1f5f9;border-radius:999px;height:10px;overflow:hidden}.progress-track div{background:var(--primary);border-radius:999px;height:100%}.progress-item small{color:var(--muted);margin-top:7px;display:inline-block}.quick-actions{gap:12px;display:grid}.quick-actions button{border:1px solid var(--border);height:46px;color:var(--text);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:0 14px;display:flex}.quick-actions button:hover{border-color:var(--primary);background:#fff7ed}.recent-list,.status-summary{flex-direction:column;gap:14px;display:flex}.recent-list div,.status-summary div{background:#f8fafc;border-radius:14px;justify-content:space-between;padding:14px;display:flex}.recent-list span,.status-summary span{color:var(--muted)}.status-summary strong{color:var(--primary)}@media (width<=1100px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=640px){.dashboard-hero{flex-direction:column;align-items:flex-start;gap:16px}.dashboard-stats{grid-template-columns:1fr}}.project-overview-card{margin-top:22px}.project-overview-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.project-overview-head h3{color:#111827;margin:0;font-size:22px}.project-overview-head p{color:#6b7280;margin:6px 0 0;font-size:14px}.project-select-box{min-width:300px}.project-select-box label{color:#374151;margin-bottom:7px;font-size:13px;display:block}.project-select-box select{background:#fff;border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;height:44px;padding:0 14px;font-size:14px}.project-overview-body{grid-template-columns:300px 1fr;gap:18px;display:grid}.project-detail-panel,.project-chart-panel{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px}.project-detail-panel h4,.project-chart-panel h4{color:#111827;margin:0;font-size:18px}.project-info-row{border-bottom:1px solid #eef2f7;gap:13px;padding:15px 0;display:flex}.project-info-row:last-child{border-bottom:none}.project-info-icon{color:#f97316;background:#fff7ed;border-radius:14px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.project-info-row span{color:#6b7280;margin-bottom:4px;font-size:12px;display:block}.project-info-row strong{color:#111827;font-size:14px;font-weight:600}.project-status{background:#dcfce7;border-radius:999px;padding:5px 10px;display:inline-block;color:#166534!important;font-size:12px!important}.project-status.hold,.project-status.on.hold{background:#fee2e2;color:#991b1b!important}.project-status.completed{background:#dbeafe;color:#1d4ed8!important}.chart-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.chart-head p{color:#6b7280;margin:6px 0 0;font-size:13px}.chart-head span{color:#f97316;font-size:28px;font-weight:700}.line-chart-box{width:100%;height:330px}.line-chart-box svg{width:100%;height:100%}.chart-grid-line{stroke:#e5e7eb;stroke-dasharray:5 5}.chart-line{stroke:#f97316;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:#f97316;stroke:#fff;stroke-width:3px}.chart-value{fill:#111827;text-anchor:middle;font-size:13px;font-weight:600}.chart-label{fill:#6b7280;text-anchor:middle;font-size:12px}.project-note{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;margin-top:18px;padding:13px 15px;font-size:14px}.dashboard-empty{text-align:center;color:#6b7280;padding:28px}@media (width<=1000px){.project-overview-body{grid-template-columns:1fr}.project-select-box{min-width:240px}}@media (width<=768px){.project-overview-head{flex-direction:column}.project-select-box{width:100%}.line-chart-box{height:270px}}.dashboard-page{width:100%;max-width:100%;overflow-x:hidden}.dashboard-hero{min-width:0}.dashboard-hero h2{font-weight:600;line-height:1.25}.dashboard-hero p{line-height:1.5}.dashboard-stats>*,.dashboard-grid>*,.project-overview-card,.project-detail-panel,.project-chart-panel{min-width:0}@media (width<=900px){.dashboard-page{gap:18px}.dashboard-hero{border-radius:18px;padding:22px}.dashboard-hero h2{font-size:24px}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-grid{grid-template-columns:1fr;gap:14px}.project-overview-card{margin-top:8px}.project-overview-head h3{font-size:20px;font-weight:600}.project-overview-body{grid-template-columns:1fr}.project-select-box{width:100%;min-width:0}}@media (width<=640px){.dashboard-page{gap:16px}.dashboard-hero{border-radius:16px;padding:18px}.dashboard-hero h2{font-size:22px}.dashboard-hero p{font-size:14px}.dashboard-stats{grid-template-columns:1fr;gap:12px}.dashboard-card-large,.dashboard-card{width:100%}.card-head{flex-direction:column;gap:6px;margin-bottom:14px}.card-head h3{font-size:17px;font-weight:600}.quick-actions button{width:100%;height:44px}.recent-list div,.status-summary div{align-items:flex-start;gap:10px}.project-overview-head{gap:12px;margin-bottom:16px}.project-overview-head h3{font-size:19px}.project-detail-panel,.project-chart-panel{border-radius:16px;padding:15px}.project-info-row{padding:13px 0}.chart-head{flex-direction:column}.chart-head span{font-size:24px;font-weight:600}.line-chart-box{height:240px;overflow-x:auto}.line-chart-box svg{min-width:520px}.project-note{font-size:13px}}@media (width<=420px){.dashboard-hero{padding:16px}.dashboard-hero h2{font-size:20px}.project-info-row{gap:10px}.project-info-icon{border-radius:12px;width:34px;height:34px}.line-chart-box{height:220px}.line-chart-box svg{min-width:480px}}.dashboard-hero button{border-radius:10px;height:40px;padding:0 18px;font-size:14px}.stat-value{font-size:30px;font-weight:600}.dashboard-stats{gap:14px}.dashboard-card{padding:18px}.dashboard-page{padding-bottom:20px}.dashboard-hero h2{font-size:24px;font-weight:600}.dashboard-hero p{font-size:14px}.dashboard-page h1,.dashboard-page h2,.dashboard-page .dashboard-hero h2{letter-spacing:-.2px;font-weight:600}.dashboard-page h3,.dashboard-page h4,.dashboard-page strong{font-weight:500}.dashboard-page p,.dashboard-page span,.dashboard-page small,.dashboard-page label,.dashboard-page td,.dashboard-page li,.dashboard-page button{font-weight:400}.nhq-page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.nhq-page-header-content{flex:1;min-width:0}.nhq-page-header h1{color:var(--text);margin:0;font-size:28px;font-weight:700;line-height:1.2}.nhq-page-header p{color:var(--muted);max-width:700px;margin:8px 0 0;font-size:14px;line-height:1.6}.nhq-page-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}@media (width<=768px){.nhq-page-header{flex-direction:column;align-items:stretch}.nhq-page-header h1{font-size:24px}.nhq-page-header-actions{justify-content:stretch;width:100%}.nhq-page-header-actions .nhq-btn{width:100%}}.nhq-search-input{width:100%;position:relative}.nhq-search-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.nhq-search-input input{border:1px solid var(--border);width:100%;height:46px;color:var(--text);box-sizing:border-box;background:#fff;border-radius:14px;outline:none;padding:0 46px;font-family:inherit;font-size:14px;transition:all .2s}.nhq-search-input input::placeholder{color:var(--muted)}.nhq-search-input input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f59e0b1f}.nhq-search-input input:disabled{cursor:not-allowed;background:#f8fafc}.nhq-search-clear{cursor:pointer;width:28px;height:28px;color:var(--muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.nhq-search-clear:hover{color:var(--primary);background:#f1f5f9}@media (width<=768px){.nhq-search-input input{height:44px;font-size:14px}}.nhq-select{border:1px solid var(--border);width:100%;height:44px;color:var(--text);cursor:pointer;background:#fff;border-radius:12px;outline:none;padding:0 14px;font-family:inherit;font-size:14px;transition:all .2s}.nhq-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f973161f}.nhq-select.has-error{border-color:var(--danger)}.nhq-select:disabled{cursor:not-allowed;background:#f8fafc}.nhq-select option{color:var(--text);background:#fff}@media (width<=768px){.nhq-select{height:42px}}.nhq-loader{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:36px;display:flex}.nhq-loader-full{min-height:60vh}.nhq-loader-spinner{border-style:solid;border-color:#e5e7eb;border-top-color:var(--primary);border-radius:50%;animation:.8s linear infinite nhqSpin}.nhq-loader-sm .nhq-loader-spinner{border-width:2px;width:24px;height:24px}.nhq-loader-md .nhq-loader-spinner{border-width:3px;width:36px;height:36px}.nhq-loader-lg .nhq-loader-spinner{border-width:4px;width:52px;height:52px}.nhq-loader p{color:var(--muted);margin:0;font-size:14px}.nhq-empty-state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;padding:48px 24px;display:flex}.nhq-empty-icon{background:var(--primary-light);width:60px;height:60px;color:var(--primary);border-radius:18px;justify-content:center;align-items:center;margin-bottom:16px;font-size:24px;display:flex}.nhq-empty-state h3{color:var(--text);margin:0;font-size:18px;font-weight:600}.nhq-empty-state p{max-width:420px;color:var(--muted);margin-top:10px;font-size:14px;line-height:1.6}.nhq-empty-action{margin-top:22px}@media (width<=768px){.nhq-empty-state{padding:36px 16px}.nhq-empty-icon{width:54px;height:54px}.nhq-empty-state h3{font-size:16px}.nhq-empty-state p{font-size:13px}}.nhq-table-wrap{border:1px solid var(--border);width:100%;box-shadow:var(--shadow);background:#fff;border-radius:14px;overflow-x:auto}.nhq-table{border-collapse:collapse;width:100%;min-width:900px}.nhq-table thead th{z-index:5;color:var(--muted);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;background:#f8fafc;padding:14px 16px;font-size:13px;font-weight:600;position:sticky;top:0}.nhq-table tbody td{color:var(--text);border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle;padding:15px 16px;font-size:14px}.nhq-table tbody tr{transition:all .2s}.nhq-table tbody tr:hover td{background:#fff7ed}.nhq-table tbody tr:last-child td{border-bottom:none}.nhq-table .center{text-align:center}.nhq-table .right{text-align:right}.nhq-table-wrap::-webkit-scrollbar{height:8px}.nhq-table-wrap::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}.nhq-table-wrap::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (width<=768px){.nhq-table{min-width:760px}.nhq-table thead th,.nhq-table tbody td{padding:12px 14px}}.nhq-table-actions{align-items:center;gap:10px;display:flex}.nhq-table-actions .nhq-btn{border:1px solid var(--border);color:#0000;width:44px;height:44px;box-shadow:none;background:#fff;border-radius:12px;padding:0;transition:none}.nhq-table-actions .nhq-btn:hover{color:#0000;border:1px solid var(--border);box-shadow:none;background:#fff;transform:none}.nhq-table-actions .danger,.nhq-table-actions .danger:hover{color:#fff;background:#ef4444;border-color:#ef4444}.nhq-pagination{flex-wrap:nowrap;justify-content:center;align-items:center;gap:14px;margin-top:24px;display:flex}.nhq-pagination-pages{align-items:center;gap:8px;display:flex}.nhq-pagination-pages button{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:42px;height:42px;font-size:14px;font-weight:600;transition:all .25s}.nhq-pagination-pages button:hover{color:#f59e0b;background:#fff7ed;border-color:#f59e0b;transform:translateY(-2px)}.nhq-pagination-pages button.active{color:#fff;background:linear-gradient(135deg,#f59e0b,#fb923c);border-color:#f59e0b;box-shadow:0 8px 18px #f59e0b4d}.nhq-pagination-dots{color:#9ca3af;padding:0 6px;font-size:18px;font-weight:700}.nhq-pagination .btn{border-radius:12px;min-width:115px;height:42px;font-weight:600;transition:all .25s}.nhq-pagination .btn:hover:not(:disabled){transform:translateY(-2px)}.nhq-pagination .btn:disabled{opacity:.45;cursor:not-allowed}.nhq-pagination-mobile{display:none}@media (width<=768px){.nhq-pagination{display:none}.nhq-pagination-mobile{justify-content:center;align-items:center;gap:18px;margin-top:20px;display:flex}.nhq-pagination-mobile span{text-align:center;color:#374151;min-width:70px;font-size:15px;font-weight:600}.nhq-pagination-mobile .btn{border-radius:12px;width:42px;min-width:42px;height:42px;padding:0}}.nhq-pagination-pages button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.nhq-pagination-pages button:active{transform:translateY(0)}.nhq-pagination-pages button{transition:all .2s}.nhq-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.2s nhqFade;display:flex;position:fixed;inset:0}.nhq-modal{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-height:90vh;animation:.2s nhqScale;display:flex;box-shadow:0 20px 60px #0f172a40}.nhq-modal-sm{max-width:420px}.nhq-modal-md{max-width:720px}.nhq-modal-lg{max-width:980px}.nhq-modal-xl{max-width:1180px}.nhq-modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;display:flex}.nhq-modal-header h3{color:var(--text);margin:0;font-size:20px;font-weight:600}.nhq-modal-header p{color:var(--muted);margin-top:6px;font-size:13px}.nhq-modal-close{cursor:pointer;background:#f8fafc;border:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.nhq-modal-close:hover{color:var(--primary);background:#fff7ed}.nhq-modal-body{flex:1;padding:22px;overflow-y:auto}.nhq-modal-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:12px;padding:18px 22px;display:flex}@keyframes nhqFade{0%{opacity:0}to{opacity:1}}@keyframes nhqScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.nhq-modal{max-height:95vh}.nhq-modal-header,.nhq-modal-body{padding:18px}.nhq-modal-footer{flex-direction:column;padding:18px}.nhq-modal-footer .nhq-btn{width:100%}}.nhq-field{flex-direction:column;gap:8px;display:flex}.nhq-label{color:var(--text);font-size:14px;font-weight:600}.nhq-required{color:var(--danger);margin-left:4px}.nhq-input-wrap{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;height:44px;padding:0 14px;transition:all .2s;display:flex}.nhq-input-wrap:focus-within{border-color:var(--border);box-shadow:none}.nhq-input-wrap.has-error{border-color:var(--danger)}.nhq-input-wrap input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.nhq-input-wrap input::placeholder{color:var(--muted)}.nhq-input-icon{color:var(--muted);justify-content:center;align-items:center;display:flex}.nhq-input-icon:first-child{margin-right:10px}.nhq-input-icon:last-child{margin-left:10px}.nhq-error{color:var(--danger);margin:0;font-size:12px}.nhq-helper{color:var(--muted);margin:0;font-size:12px}@media (width<=768px){.nhq-input-wrap{height:42px}}.nhq-textarea{border:1px solid var(--border);width:100%;min-height:110px;color:var(--text);resize:vertical;box-sizing:border-box;background:#fff;border-radius:12px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.6;transition:all .2s}.nhq-textarea::placeholder{color:var(--muted)}.nhq-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f973161f}.nhq-textarea.has-error{border-color:var(--danger)}.nhq-textarea:disabled{cursor:not-allowed;background:#f8fafc}@media (width<=768px){.nhq-textarea{min-height:100px}}.nhq-file-field{flex-direction:column;gap:8px;display:flex}.nhq-file-field>label{font-size:14px;font-weight:600}.nhq-file-uploader{border:1px dashed var(--border);min-height:86px;color:var(--muted);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:18px;display:flex;position:relative}.nhq-file-uploader:hover{border-color:var(--primary);background:#fff7ed}.nhq-file-uploader svg{color:var(--primary)}.nhq-file-uploader strong{color:var(--text);font-size:14px}.nhq-file-uploader p{margin:4px 0 0;font-size:12px}.nhq-file-uploader input{opacity:0;cursor:pointer;position:absolute;inset:0}.nhq-file-uploader.has-error{border-color:var(--danger)}.nhq-file-clear{z-index:2;width:30px;height:30px;color:var(--danger);background:#fee2e2;border:0;border-radius:8px;place-items:center;margin-left:auto;display:grid;position:relative}.projects-page{flex-direction:column;gap:22px;display:flex}.project-stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.project-form{flex-direction:column;gap:20px;display:flex}.project-form-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.project-upload-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.project-view{grid-template-columns:2fr 1fr;gap:22px;display:grid}.project-section{border:1px solid var(--border);background:#fff;border-radius:16px;margin-bottom:18px;padding:18px}.project-section h3{margin:0 0 16px;font-size:17px}.project-info-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.project-info-grid label{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.project-info-grid p{color:var(--text);margin:0;font-weight:600}.project-description{color:var(--muted);margin:0;line-height:1.7}.project-summary{background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;margin-bottom:18px;padding:18px}.project-summary>div:first-child{justify-content:space-between;align-items:center;display:flex}.project-summary span{color:var(--muted);font-size:13px}.project-summary strong{color:var(--primary);font-size:22px}.progress-bar{background:#e5e7eb;border-radius:999px;height:10px;margin-top:14px;overflow:hidden}.progress-bar div{background:var(--primary);border-radius:999px;height:100%}.project-documents{flex-direction:column;gap:12px;display:flex}.project-documents button{border:1px solid var(--border);cursor:pointer;height:48px;color:var(--text);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:0 14px;display:flex}.project-documents button:hover{border-color:var(--primary);background:#fff7ed}.project-boq{flex-direction:column;gap:12px;display:flex}.project-boq div{background:#f8fafc;border-radius:12px;justify-content:space-between;gap:12px;padding:14px;display:flex}.project-boq span{color:var(--muted)}.project-boq strong{color:var(--text)}.nhq-modal-overlay{align-items:center;z-index:5000!important}.nhq-modal{margin-top:0}.nhq-modal-header{z-index:5;background:#fff;position:sticky;top:0}.nhq-modal-footer{z-index:5;background:#fff;position:sticky;bottom:0}@media (width<=1100px){.project-stats-grid{grid-template-columns:repeat(2,1fr)}.project-view,.project-upload-grid{grid-template-columns:1fr}}@media (width<=700px){.project-stats-grid,.project-form-grid,.project-info-grid{grid-template-columns:1fr}}.projects-filter-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;grid-template-columns:1fr 220px 240px;align-items:end;gap:14px;padding:18px;display:grid}@media (width<=900px){.projects-filter-card{grid-template-columns:1fr}}.project-photo-card{cursor:pointer;background:#fff;border:none;border-radius:12px;transition:all .25s;overflow:hidden;box-shadow:0 2px 10px #00000014}.project-photo-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000024}.project-photo-card span{color:#444;padding:10px;font-size:13px;font-weight:500;display:block}.project-owner-remark{margin-top:24px}.project-owner-remark button{margin-top:15px}.project-documents button{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.project-section table{margin-top:12px}@media (width<=768px){.project-photo-grid{grid-template-columns:repeat(2,1fr)}.project-dpr-summary{grid-template-columns:1fr}}.project-dpr-review{margin-top:24px}.project-dpr-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:18px 0;display:grid}.project-dpr-summary div{background:#fff;border:1px solid #ececec;border-radius:12px;padding:14px}.project-dpr-summary span{color:#777;margin-bottom:6px;font-size:12px;display:block}.project-dpr-summary strong{color:#222;font-size:14px}.project-dpr-tables{flex-direction:column;gap:20px;display:flex}.project-photo-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:16px;display:grid}.project-photo-card{cursor:pointer;background:#fff;border:none;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #00000014}.project-photo-card img{object-fit:cover;width:100%;height:140px;display:block}.project-photo-card span{color:#444;padding:10px;font-size:13px;display:block}.project-chat{flex-direction:column;gap:8px;display:flex}.chat-message{display:flex}.chat-message.left{justify-content:flex-start}.chat-message.right{justify-content:flex-end}.chat-bubble{background:#fff;border:1px solid #ececec;border-radius:12px;max-width:65%;padding:10px 12px}.chat-message.right .chat-bubble{background:#fff7ed}.chat-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.chat-user{color:#f97316;font-size:12px;font-weight:600}.chat-time{color:#9ca3af;font-size:11px}.chat-text{color:#111827;margin-bottom:6px;font-size:14px;line-height:1.5}.chat-bottom{justify-content:space-between;align-items:center;display:flex}.chat-bottom small{color:#6b7280;font-size:11px}.tick{color:#9ca3af;font-size:13px}.tick.blue{color:#2196f3}@media (width<=768px){.chat-bubble{max-width:90%}}.projects-page h1,.projects-page h2{letter-spacing:-.2px;font-weight:600}.projects-page h3,.projects-page h4,.projects-page strong{font-weight:500}.projects-page p,.projects-page span,.projects-page small,.projects-page label,.projects-page td,.projects-page li,.projects-page button{font-weight:400}.nhq-filter-card{grid-template-columns:minmax(300px,2fr) 220px 220px;align-items:center;gap:16px;display:grid}@media (width<=992px){.nhq-filter-card{grid-template-columns:1fr}}.project-name{color:var(--text);font-size:14px;font-weight:600;line-height:1.4}.project-code{color:var(--muted);margin-top:3px;font-size:12px}.boq-page{flex-direction:column;gap:22px;display:flex}.boq-filter-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;grid-template-columns:1fr 220px;gap:14px;padding:18px;display:grid}.boq-small{color:var(--muted);margin:4px 0 0;font-size:12px}.boq-progress{min-width:150px}.boq-progress>div{background:#e5e7eb;border-radius:999px;height:9px;overflow:hidden}.boq-progress span{background:var(--primary);border-radius:999px;height:100%;display:block}.boq-progress p{color:var(--muted);margin:6px 0 0;font-size:12px}.boq-actions{gap:8px;display:flex}.boq-missing{color:var(--danger);font-size:13px;font-weight:600}@media (width<=800px){.boq-filter-card{grid-template-columns:1fr}}.boq-view-modal{flex-direction:column;gap:18px;display:flex}.boq-view-header{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.boq-view-header div,.boq-summary-line div{border:1px solid var(--border);background:#f8fafc;border-radius:14px;padding:14px}.boq-view-header label,.boq-summary-line span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.boq-view-header strong,.boq-summary-line strong{color:var(--text);font-size:15px}.boq-summary-line{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=900px){.boq-view-header,.boq-summary-line{grid-template-columns:1fr}}.boq-page h1,.boq-page h2{letter-spacing:-.2px;font-weight:600}.boq-page h3,.boq-page h4,.boq-page strong{font-weight:500}.boq-page p,.boq-page span,.boq-page small,.boq-page label,.boq-page td,.boq-page li,.boq-page button{font-weight:400}.labour-page{flex-direction:column;gap:22px;max-width:100%;display:flex;overflow-x:hidden}.labour-header-actions{flex-wrap:wrap;gap:10px;display:flex}@media (width<=580px){.labour-header-actions{width:100%}.labour-header-actions button,.labour-header-actions div{justify-content:center;width:100%!important}}.labour-stats-grid{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}.labour-filter-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;grid-template-columns:1fr 240px 220px;gap:14px;padding:18px;display:grid}.labour-section{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:18px}.labour-section-head{margin-bottom:16px}.labour-section-head h3{margin:0;font-size:18px}.labour-section-head p{color:var(--muted);margin:4px 0 0;font-size:13px}@media (width<=1200px){.labour-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=950px){.labour-filter-card{grid-template-columns:1fr 1fr}}@media (width<=768px){.labour-stats-grid{grid-template-columns:1fr!important}.labour-filter-card{box-sizing:border-box;grid-template-columns:1fr;width:100%;padding:14px;overflow:hidden}.labour-filter-card>div,.labour-filter-card input,.labour-filter-card select{box-sizing:border-box!important;width:100%!important;max-width:100%!important}}.labour-name-cell{align-items:center;gap:12px;display:flex}.labour-avatar{width:38px;height:38px;color:var(--primary);background:#fff7ed;border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden}.labour-avatar img{object-fit:cover;width:100%;height:100%}.labour-name-cell strong{font-size:14px;display:block}.labour-name-cell small{color:var(--muted);font-size:12px}.labour-status{border-radius:999px;padding:5px 10px;font-size:12px}.labour-status.active{color:#15803d;background:#dcfce7}.labour-status.inactive{color:#dc2626;background:#fee2e2}.labour-actions{gap:8px;display:flex}.contractor-name-cell{align-items:center;gap:12px;display:flex}.contractor-avatar{color:#2563eb;background:#eef6ff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.contractor-name-cell strong{font-size:14px;display:block}.contractor-name-cell small{color:var(--muted);font-size:12px}.labour-form{flex-direction:column;gap:22px;display:flex}.labour-form-section{border:1px solid var(--border);background:#fff;border-radius:16px;padding:18px}.labour-form-section h3{margin:0 0 16px;font-size:18px}.labour-form-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.labour-form-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.labour-doc-list{gap:14px;display:grid}.labour-doc-card{border:1px solid var(--border);background:#f8fafc;border-radius:14px;padding:14px}.labour-empty-text{color:var(--muted);font-size:13px}@media (width<=800px){.labour-form-grid{grid-template-columns:1fr}}.labour-view{flex-direction:column;gap:20px;display:flex}.labour-profile-card{border:1px solid var(--border);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:18px;display:flex}@media (width<=480px){.labour-profile-card{text-align:center;flex-direction:column}}.labour-profile-photo{width:62px;height:62px;color:var(--primary);background:#fff7ed;border-radius:18px;justify-content:center;align-items:center;display:flex;overflow:hidden}.labour-profile-photo img{object-fit:cover;width:100%;height:100%}.labour-profile-card h3{margin:0;font-size:20px}.labour-profile-card p{color:var(--muted);margin:5px 0 0}.labour-view-grid,.labour-view-summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.labour-view-grid div,.labour-view-summary-grid div{border:1px solid var(--border);background:#f8fafc;border-radius:14px;padding:14px}.labour-view-grid span,.labour-view-summary-grid span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.labour-view-grid strong,.labour-view-summary-grid strong{color:var(--text);font-size:15px}@media (width<=1000px){.labour-view-grid,.labour-view-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.labour-view-grid,.labour-view-summary-grid{grid-template-columns:1fr}}.labour-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;gap:10px;margin-bottom:16px;padding-bottom:6px;display:flex;overflow-x:auto}.labour-tabs::-webkit-scrollbar{height:4px}.labour-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.labour-tabs button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#fff;border-radius:12px;flex-shrink:0;padding:9px 14px;font-weight:600}.labour-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.contractor-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.contractor-project-select{color:#0f172a;background:#fff;border:1px solid #dbe3ef;border-radius:10px;outline:none;min-width:220px;height:38px;padding:0 12px;font-size:14px}@media (width<=500px){.contractor-project-select{width:100%}}.contractor-project-select:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161f}.ledger-green{color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:999px;padding:5px 10px;font-weight:600;display:inline-block}.ledger-red{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5;border-radius:999px;padding:5px 10px;font-weight:600;display:inline-block}.ledger-neutral{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;padding:5px 10px;font-weight:600;display:inline-block}.labour-section h3{align-items:center;gap:8px;display:flex}.labour-view-filter-row{flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}.labour-register-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin-top:16px;padding:16px}.labour-register-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.attendance-register-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.attendance-register-table{border-collapse:collapse;width:100%;min-width:980px}.attendance-register-table th,.attendance-register-table td{text-align:center;border:1px solid #e5e7eb;padding:9px;font-size:13px}.attendance-register-table th:first-child,.attendance-register-table td:first-child{z-index:1;background:#f8fafc;font-weight:700;position:sticky;left:0}.attendance-pill{border-radius:999px;justify-content:center;align-items:center;min-width:32px;height:28px;font-size:12px;font-weight:700;display:inline-flex}.att-present{color:#15803d;background:#dcfce7;border:1px solid #86efac}.att-absent{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.att-half{color:#b45309;background:#fef3c7;border:1px solid #fcd34d}.att-leave{color:#1d4ed8;background:#dbeafe;border:1px solid #93c5fd}.att-empty{color:#94a3b8;background:#f1f5f9;border:1px solid #e2e8f0}.attendance-ot{color:#94a3b8;background:#f8fafc;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:26px;font-weight:600;display:inline-flex}.attendance-ot.active{color:#6d28d9;background:#ede9fe;border:1px solid #c4b5fd}.payment-ledger-list{flex-direction:column;gap:12px;display:flex}.payment-ledger-row{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;grid-template-columns:1.5fr repeat(4,1fr);align-items:center;gap:12px;padding:12px;display:grid}.payment-ledger-row strong,.payment-ledger-row b{color:#0f172a;display:block}.payment-ledger-row span,.payment-ledger-row small{color:#64748b;font-size:12px;display:block}@media (width<=900px){.payment-ledger-row{grid-template-columns:1fr;gap:8px}}.labour-report-page{flex-direction:column;gap:18px;display:flex}.report-actions{align-items:center;gap:10px;display:flex}@media (width<=480px){.report-actions{width:100%}.report-actions button{justify-content:center;width:100%}}.report-filter-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;padding:16px;display:grid;box-shadow:0 8px 24px #0f172a0a}.report-print-area{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:20px;box-shadow:0 8px 24px #0f17180a}.report-branding{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:16px;display:flex}.report-branding h2{color:#0f172a;margin:0;font-size:26px;font-weight:800}.report-branding p{color:#f97316;margin:4px 0;font-weight:700}.report-branding small,.report-branding span{color:#64748b;font-size:13px;display:block}.report-branding strong{color:#0f172a;margin-bottom:4px;display:block}.report-summary-grid{grid-template-columns:repeat(6,minmax(140px,1fr));gap:14px;margin-bottom:20px;display:grid}.report-summary-grid>div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:6px;padding:14px;display:flex}.report-summary-grid svg{color:#f97316}.report-summary-grid span{color:#64748b;font-size:13px}.report-summary-grid strong{color:#0f172a;font-size:18px;font-weight:800}.report-section h3{color:#0f172a;margin:0 0 12px;font-size:18px;font-weight:800}.report-footer{border-top:1px solid #e5e7eb;justify-content:space-between;gap:16px;margin-top:24px;padding-top:18px;display:flex}.report-footer strong,.report-footer span{display:block}.report-footer strong{color:#0f172a;margin-bottom:8px}.report-footer span{color:#64748b}@media (width<=1100px){.report-filter-card{grid-template-columns:repeat(2,1fr)}.report-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.report-filter-card,.report-summary-grid{grid-template-columns:1fr}.report-branding,.report-footer{flex-direction:column;gap:16px}}@media print{body{background:#fff!important}.no-print,.page-header,.sidebar,.app-sidebar,.app-header,.labour-tabs,.report-actions{display:none!important}.labour-report-page{padding:0}.report-print-area{box-shadow:none;border:none;padding:0}.report-section{page-break-inside:avoid}table{font-size:11px}}.dpr-approve-btn{color:#fff;background:#16a34a}.dpr-reject-btn{color:#fff;background:#dc2626}.labour-page h1,.labour-page h2{letter-spacing:-.2px;font-weight:600}.labour-page h3,.labour-page h4,.labour-page strong{font-weight:500}.labour-page p,.labour-page span,.labour-page small,.labour-page label,.labour-page td,.labour-page li,.labour-page button{font-weight:400}.nhq-status-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:90px;height:28px;padding:0 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.nhq-status-badge.active{color:#15803d;background:#dcfce7}.nhq-status-badge.completed{color:#1d4ed8;background:#dbeafe}.nhq-status-badge.pending{color:#c2410c;background:#ffedd5}.nhq-status-badge.hold{color:#b45309;background:#fef3c7}.nhq-status-badge.inactive{color:#b91c1c;background:#fee2e2}.nhq-status-badge.archived{color:#4b5563;background:#e5e7eb}.nhq-status-badge.draft{color:#6b7280;background:#f3f4f6}.nhq-status-badge.approved{color:#166534;background:#dcfce7}.nhq-status-badge.rejected{color:#b91c1c;background:#fee2e2}.nhq-status-badge.paid{color:#15803d;background:#dcfce7}.nhq-status-badge.unpaid{color:#dc2626;background:#fee2e2}.nhq-status-badge.partial{color:#b45309;background:#fef3c7}.nhq-status-badge.running{color:#2563eb;background:#dbeafe}.nhq-status-badge.closed{color:#374151;background:#e5e7eb}.employees-page{flex-direction:column;gap:22px;display:flex}.employee-header-actions{flex-wrap:wrap;gap:10px;display:flex}.nhq-stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.nhq-stat-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;align-items:center;gap:16px;padding:22px;display:flex}.nhq-stat-icon{border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.nhq-stat-icon.orange{color:#f97316;background:#ffedd5}.nhq-stat-icon.green{color:#16a34a;background:#dcfce7}.nhq-stat-icon.blue{color:#2563eb;background:#dbeafe}.nhq-stat-icon.purple{color:#7c3aed;background:#ede9fe}.nhq-stat-info span{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.nhq-stat-info strong{color:#0f172a;font-size:26px;font-weight:700;line-height:1;display:block}.employee-filter-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;grid-template-columns:1fr 220px;gap:14px;padding:18px;display:grid}.employee-section{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:18px}.employee-section-head{margin-bottom:16px}.employee-section-head h3{margin:0;font-size:18px}.employee-section-head p{color:var(--muted);margin:4px 0 0;font-size:13px}.table-card{overflow:auto}.employee-table{border-collapse:collapse;width:100%}.employee-table th{color:#64748b;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;background:#f8fafc;padding:14px 16px;font-size:13px;font-weight:700}.employee-table td{color:var(--text);white-space:nowrap;border-bottom:1px solid #eef2f7;padding:15px 16px;font-size:14px}.employee-table tbody tr:hover{background:#fff}.employee-name-cell{align-items:center;gap:12px;display:flex}.employee-avatar{width:38px;height:38px;color:var(--primary);background:#fff7ed;border-radius:12px;justify-content:center;align-items:center;display:flex}.employee-name-cell strong{font-size:14px;display:block}.employee-name-cell small{color:var(--muted);font-size:12px}.status-badge{border-radius:999px;padding:5px 10px;font-size:12px;display:inline-block}.status-badge.Active{color:#15803d;background:#dcfce7}.status-badge.Inactive{color:#dc2626;background:#fee2e2}.status-badge.Left{color:#475569;background:#f1f5f9}.table-actions{align-items:center;gap:8px;display:flex}.table-actions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;width:40px;height:36px;transition:all .2s;display:flex}.table-actions button:first-child,.table-actions button:nth-child(2){color:#475569}.table-actions .danger{color:#fff;background:#dc2626;border-color:#dc2626}.table-actions button:hover{transform:translateY(-1px);box-shadow:0 4px 10px #00000014}.table-actions button:first-child:hover,.table-actions button:nth-child(2):hover{border-color:#cbd5e1}.table-actions .danger:hover{color:#fff;background:#b91c1c;border-color:#b91c1c}.employee-form{flex-direction:column;gap:22px;display:flex}.employee-form-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.employee-form-section{border:1px solid var(--border);background:#fff;border-radius:16px;padding:18px}.employee-form-section h3{margin:0 0 16px;font-size:18px}.employee-profile,.employee-profile-card{border:1px solid var(--border);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:18px;display:flex}.employee-profile-photo,.employee-view-avatar{width:62px;height:62px;color:var(--primary);background:#fff7ed;border-radius:18px;justify-content:center;align-items:center;display:flex}.employee-profile h2,.employee-profile-card h3{margin:0;font-size:20px}.employee-profile p,.employee-profile-card p{color:var(--muted);margin:5px 0 0}.employee-info-grid,.employee-view-grid,.employee-view-summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.employee-info-grid div,.employee-view-grid div,.employee-view-summary-grid div{border:1px solid var(--border);background:#f8fafc;border-radius:14px;padding:14px}.employee-info-grid label,.employee-view-grid span,.employee-view-summary-grid span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.employee-info-grid p,.employee-view-grid strong,.employee-view-summary-grid strong{color:var(--text);margin:0;font-size:15px;font-weight:700}.employee-section-card{border:1px solid var(--border);background:#fff;border-radius:16px;overflow:hidden}.employee-section-card th,.employee-section-card td{text-align:left;border-bottom:1px solid #eef2f7;padding:12px;font-size:13px}.salary-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.summary-item{border:1px solid var(--border);background:#f8fafc;border-radius:14px;padding:14px}.summary-item label{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.summary-item p{color:var(--text);margin:0;font-weight:700}.balance{color:var(--primary)!important}.modal-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.table-loader{text-align:center;color:var(--muted);padding:34px}@media (width<=1200px){.nhq-stats-grid,.employee-info-grid,.employee-view-grid,.employee-view-summary-grid,.salary-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.nhq-stats-grid,.employee-filter-card,.employee-form-grid,.employee-info-grid,.employee-view-grid,.employee-view-summary-grid,.salary-summary{grid-template-columns:1fr}.employee-table{min-width:900px}}.employee-attendance-top{grid-template-columns:1fr 220px;gap:14px;display:grid}.employee-selected-box{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:14px}.employee-selected-box strong,.employee-selected-box span{display:block}.employee-selected-box span{color:#64748b;margin-top:4px;font-size:13px}.attendance-legend{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.attendance-legend small{color:#64748b}.employee-register-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px}.employee-register-head{justify-content:space-between;margin-bottom:14px;display:flex}.employee-register-head h3{margin:0}.employee-register-scroll{overflow-x:auto}.employee-register-table{border-collapse:collapse;width:100%;min-width:1100px}.employee-register-table th,.employee-register-table td{text-align:center;border:1px solid #e5e7eb;padding:8px}.attendance-select{text-align:center;border:1px solid #e5e7eb;border-radius:999px;width:42px;height:32px;font-weight:700}.attendance-ot-input{text-align:center;border:1px solid #e5e7eb;border-radius:8px;width:48px;height:30px}@media (width<=700px){.employee-attendance-top{grid-template-columns:1fr}}.employee-view{flex-direction:column;gap:20px;display:flex}.employee-profile-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;align-items:center;gap:18px;padding:20px;display:flex}.employee-profile-photo{width:70px;height:70px;color:var(--primary);background:#fff7ed;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.employee-profile-main{flex:1}.employee-profile-main h3{color:var(--text);margin:0;font-size:22px;font-weight:700}.employee-profile-main p{color:var(--muted);margin:6px 0;font-size:14px}.employee-profile-status{margin-left:auto}.employee-meta{flex-wrap:wrap;gap:18px;margin-top:10px;display:flex}.employee-meta span{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.employee-action-bar{flex-wrap:wrap;gap:12px;display:flex}.employee-tabs{flex-wrap:wrap;gap:10px;margin-bottom:4px;display:flex}.employee-tabs button{border:1px solid var(--border);cursor:pointer;color:#475569;background:#fff;border-radius:12px;padding:10px 18px;font-weight:600;transition:all .2s}.employee-tabs button:hover{border-color:var(--primary);color:var(--primary)}.employee-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.employee-view-summary-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.employee-view-summary-grid div{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:18px}.employee-view-summary-grid span{color:var(--muted);margin-bottom:8px;font-size:13px;display:block}.employee-view-summary-grid strong{color:var(--text);font-size:22px;font-weight:700}.employee-view-grid{grid-template-columns:repeat(4,1fr);gap:16px;padding:18px;display:grid}.employee-view-grid div{background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;padding:15px}.employee-view-grid span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.employee-view-grid strong{color:var(--text);font-size:14px;font-weight:600}.employee-section-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;overflow:hidden}.employee-section-card h3{border-bottom:1px solid var(--border);margin:0;padding:18px 20px;font-size:17px}.employee-section-card table{border-collapse:collapse;width:100%}.employee-section-card th{text-align:left;color:#64748b;border-bottom:1px solid var(--border);background:#f8fafc;padding:14px;font-size:13px;font-weight:700}.employee-section-card td{border-bottom:1px solid #eef2f7;padding:14px;font-size:14px}.employee-section-card tbody tr:hover{background:#fafafa}.attendance-pill{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.att-present{color:#15803d;background:#dcfce7}.att-absent{color:#dc2626;background:#fee2e2}.att-half{color:#ca8a04;background:#fef3c7}.att-leave{color:#2563eb;background:#dbeafe}.employee-doc-list{flex-direction:column;gap:14px;padding:18px;display:flex}.employee-doc-card{border:1px solid var(--border);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;padding:16px;display:flex}.employee-doc-card strong{margin-bottom:5px;display:block}.employee-doc-card small{color:var(--muted)}.employee-doc-actions{gap:10px;display:flex}.employee-doc-actions a{border:1px solid var(--border);color:var(--primary);border-radius:10px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none}.ledger-green{color:#16a34a;font-weight:700}.ledger-red{color:#dc2626;font-weight:700}.ledger-neutral{color:#d97706;font-weight:700}.employee-empty-text{text-align:center;color:var(--muted);padding:30px}@media (width<=1200px){.employee-view-summary-grid,.employee-view-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.employee-profile-card{flex-direction:column;align-items:flex-start}.employee-profile-status{margin-left:0}.employee-view-summary-grid,.employee-view-grid{grid-template-columns:1fr}.employee-doc-card{flex-direction:column;align-items:flex-start;gap:12px}.employee-section-card{overflow:auto}.employee-section-card table{min-width:900px}}.materials-page{flex-direction:column;gap:22px;display:flex}.materials-filter-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;grid-template-columns:1fr 240px;gap:14px;padding:18px;display:grid}.material-small{color:var(--muted);margin:4px 0 0;font-size:12px}.material-actions{gap:8px;display:flex}.material-form{flex-direction:column;gap:20px;display:flex}.material-form-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.material-view{flex-direction:column;gap:20px;display:flex}.material-summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.material-summary-grid div{border:1px solid var(--border);background:#f8fafc;border-radius:14px;padding:14px}.material-summary-grid span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.material-summary-grid strong{color:var(--text);font-size:15px}.material-section{border:1px solid var(--border);background:#fff;border-radius:16px;padding:18px}.material-section h3{margin:0 0 16px;font-size:18px}@media (width<=1000px){.material-summary-grid{grid-template-columns:repeat(2,1fr)}.materials-filter-card{grid-template-columns:1fr}}@media (width<=700px){.material-form-grid,.material-summary-grid{grid-template-columns:1fr}}.materials-header-actions,.material-tabs{flex-wrap:wrap;gap:10px;display:flex}.material-tabs button{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:12px;padding:10px 16px;font-weight:600}.material-tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.vendor-manage-layout{grid-template-columns:340px 1fr;gap:20px;display:grid}.vendor-list-panel,.vendor-form-panel{border:1px solid var(--border);background:#fff;border-radius:16px;padding:18px}.vendor-list-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.vendor-list-head h3,.vendor-form-panel h3{margin:0;font-size:18px}.vendor-list{flex-direction:column;gap:10px;max-height:520px;display:flex;overflow-y:auto}.vendor-list-item{border:1px solid var(--border);text-align:left;background:#f8fafc;border-radius:14px;flex-direction:column;gap:5px;padding:14px;display:flex}.vendor-list-item:hover,.vendor-list-item.active{border-color:var(--primary);background:#fff7ed}.vendor-list-item strong{color:var(--text);font-size:14px}.vendor-list-item span,.vendor-list-item small,.vendor-empty{color:var(--muted);font-size:12px}.vendor-form-actions{justify-content:flex-end;gap:12px;display:flex}@media (width<=900px){.vendor-manage-layout{grid-template-columns:1fr}}.location-manage-layout{grid-template-columns:340px 1fr;gap:20px;display:grid}.location-list-panel,.location-form-panel{border:1px solid var(--border);background:#fff;border-radius:16px;padding:18px}.location-list-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.location-list-head h3,.location-form-panel h3{margin:0;font-size:18px}.location-list{flex-direction:column;gap:10px;max-height:520px;display:flex;overflow-y:auto}.location-list-item{border:1px solid var(--border);text-align:left;background:#f8fafc;border-radius:14px;flex-direction:column;gap:5px;padding:14px;display:flex}.location-list-item:hover,.location-list-item.active{border-color:var(--primary);background:#fff7ed}.location-list-item strong{color:var(--text);font-size:14px}.location-list-item span,.location-list-item small,.location-empty{color:var(--muted);font-size:12px}.location-form-actions{justify-content:flex-end;gap:12px;display:flex}@media (width<=900px){.location-manage-layout{grid-template-columns:1fr}}.purchase-manage-layout{grid-template-columns:340px 1fr;gap:20px;display:grid}.purchase-list-panel,.purchase-form-panel{border:1px solid var(--border);background:#fff;border-radius:16px;padding:18px}.purchase-list-panel h3,.purchase-form-panel h3{margin:0 0 18px}.purchase-list{flex-direction:column;gap:10px;max-height:650px;display:flex;overflow:auto}.purchase-list-item{border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:14px;transition:all .25s}.purchase-list-item:hover{border-color:var(--primary);background:#fff7ed}.purchase-list-item strong{margin-bottom:4px;display:block}.purchase-list-item span{color:var(--muted);font-size:13px;display:block}.purchase-list-item small{color:var(--primary);font-weight:600}.purchase-empty{color:var(--muted)}.purchase-items-head{justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:14px;display:flex}.purchase-item-row{grid-template-columns:2fr 2fr 90px 110px 90px 42px;align-items:end;gap:12px;margin-bottom:18px;display:grid}.purchase-remove-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;width:40px;height:40px}.purchase-remove-btn:hover{opacity:.9}.purchase-form-actions{justify-content:flex-end;margin-top:18px;display:flex}@media (width<=1100px){.purchase-manage-layout,.purchase-item-row{grid-template-columns:1fr}}.transfer-items{flex-direction:column;gap:14px;display:flex}.transfer-item-row{grid-template-columns:1fr 180px 42px;align-items:end;gap:12px;display:grid}@media (width<=900px){.transfer-item-row{grid-template-columns:1fr}}.material-stats-grid{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}@media (width<=1200px){.material-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.material-stats-grid{grid-template-columns:1fr}}.purchase-items-list{flex-direction:column;gap:14px;display:flex}.purchase-item-row{border:1px solid var(--border);background:#f8fafc;border-radius:14px;grid-template-columns:1.4fr 1.3fr 100px 110px 90px 130px 44px;align-items:end;gap:12px;padding:14px;display:grid}.purchase-row-total{border:1px solid var(--border);background:#fff;border-radius:12px;padding:10px 12px}.purchase-row-total span{color:var(--muted);font-size:12px;display:block}.purchase-row-total strong{color:var(--primary)}.purchase-total-box{justify-content:flex-end;gap:14px;display:flex}.purchase-total-box div{border:1px solid var(--border);background:#fff7ed;border-radius:14px;min-width:180px;padding:14px}.purchase-total-box span{color:var(--muted);font-size:12px;display:block}.purchase-total-box strong{color:var(--primary);margin-top:4px;font-size:18px;display:block}@media (width<=1100px){.purchase-item-row{grid-template-columns:1fr 1fr}.purchase-total-box{flex-direction:column}}.material-more-wrap{position:relative}.material-more-menu{z-index:30;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:210px;padding:8px;position:absolute;top:44px;right:0;box-shadow:0 16px 36px #0f172a24}.material-more-menu button{cursor:pointer;color:#0f172a;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;width:100%;padding:10px 12px;font-size:14px;display:flex}.material-more-menu button:hover{color:#ea580c;background:#fff7ed}.material-section{background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin-top:16px;padding:16px}.material-section-head{margin-bottom:14px}.material-section-head h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.material-section-head p{color:#64748b;margin:4px 0 0;font-size:14px}.material-profile-card{background:#fff7ed;border:1px solid #fed7aa;border-radius:18px;align-items:center;gap:14px;margin-bottom:16px;padding:16px;display:flex}.material-profile-icon{color:#fff;background:#f97316;border-radius:16px;place-items:center;width:54px;height:54px;display:grid}.material-profile-card h3{color:#0f172a;margin:0;font-size:20px}.material-profile-card p{color:#64748b;margin:4px 0 0}.material-positive{color:#15803d!important}.material-negative{color:#b91c1c!important}.material-stock-info-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.material-stock-info-grid>div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:14px}.material-stock-info-grid span{color:#64748b;margin-bottom:5px;font-size:13px;display:block}.material-stock-info-grid strong{color:#0f172a}.material-ledger-in{color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:999px;padding:5px 10px;font-weight:700}.material-ledger-out{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5;border-radius:999px;padding:5px 10px;font-weight:700}.material-ledger-neutral{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;padding:5px 10px;font-weight:700}@media (width<=900px){.material-stock-info-grid{grid-template-columns:1fr}}.location-list-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.location-list-item{cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;padding:14px;transition:all .2s;display:flex}.location-list-item:hover{background:#fff7ed;border-color:#fdba74}.location-list-item.active{background:#fff7ed;border-color:#f97316}.location-item-main strong,.location-item-main span,.location-item-main small{display:block}.location-item-main strong{color:#0f172a;margin-bottom:4px;font-size:14px}.location-item-main span{color:#f97316;margin-bottom:4px;font-size:12px;font-weight:700}.location-item-main small{color:#64748b}.location-delete-btn{color:#b91c1c;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.location-delete-btn:hover{color:#fff;background:#dc2626}.transfer-summary-card{background:#fff7ed;border:1px solid #fed7aa;border-radius:18px;grid-template-columns:auto 1fr 1fr;align-items:center;gap:14px;margin-bottom:16px;padding:14px;display:grid}.transfer-icon{color:#fff;background:#f97316;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.transfer-summary-card span{color:#64748b;font-size:13px;display:block}.transfer-summary-card strong{color:#0f172a;margin-top:4px;font-size:18px;display:block}.transfer-row-stock{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px}.transfer-row-stock span{color:#64748b;font-size:12px;display:block}.transfer-row-stock strong{color:#0f172a;font-size:14px}.transfer-item-row{grid-template-columns:2fr 180px 120px 44px;align-items:end;gap:12px;margin-bottom:12px;display:grid}.transfer-delete-wrap{justify-content:center;align-items:center;padding-bottom:2px;display:flex}.transfer-delete-wrap button{border-radius:12px;width:40px;height:40px;padding:0}@media (width<=900px){.transfer-item-row{grid-template-columns:1fr}.transfer-delete-wrap{justify-content:flex-start}}.materials-page h1,.materials-page h2,.material-page h1,.material-page h2{letter-spacing:-.2px;font-weight:600}.materials-page h3,.materials-page h4,.materials-page strong,.material-page h3,.material-page h4,.material-page strong{font-weight:500}.materials-page p,.materials-page span,.materials-page small,.materials-page label,.materials-page td,.materials-page li,.materials-page button,.material-page p,.material-page span,.material-page small,.material-page label,.material-page td,.material-page li,.material-page button{font-weight:400}.equipment-stats-grid{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}@media (width<=1200px){.equipment-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.equipment-stats-grid{grid-template-columns:1fr}}.equipment-table-card{border:1px solid var(--border);background:#fff;border-radius:16px;margin-top:20px;overflow:hidden}.equipment-table{border-collapse:collapse;width:100%}.equipment-table th{text-align:left;background:#f8fafc;padding:14px;font-weight:600}.equipment-table td{border-top:1px solid var(--border);padding:14px}.equipment-name{align-items:center;gap:12px;display:flex}.equipment-name strong{display:block}.equipment-name small{color:var(--muted)}.equipment-type{border-radius:20px;padding:5px 10px;font-size:12px}.equipment-type.owned{color:#15803d;background:#dcfce7}.equipment-type.rental{color:#2563eb;background:#dbeafe}.equipment-status{border-radius:20px;padding:5px 10px;font-size:12px}.equipment-status.running{color:#15803d;background:#dcfce7}.equipment-status.available{background:#f3f4f6}.equipment-status.idle{background:#fef9c3}.equipment-status.maintenance,.equipment-status.breakdown{color:#dc2626;background:#fee2e2}.equipment-meter{align-items:center;gap:6px;display:flex}.equipment-doc-icons{flex-wrap:wrap;gap:6px;display:flex}.equipment-doc-icons span{background:#f3f4f6;border-radius:6px;padding:3px 8px;font-size:11px}.equipment-action{gap:8px;display:flex}.equipment-form{flex-direction:column;gap:20px;display:flex}.equipment-form-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.equipment-doc-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width<=900px){.equipment-form-grid,.equipment-doc-grid{grid-template-columns:1fr}}.equipment-page{flex-direction:column;gap:22px;display:flex}.equipment-filter-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;grid-template-columns:1fr 220px 220px;gap:14px;padding:18px;display:grid}.equipment-view{flex-direction:column;gap:20px;display:flex}.equipment-view-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.equipment-view-grid div{border:1px solid var(--border);background:#f8fafc;border-radius:14px;padding:14px}.equipment-view-grid span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.equipment-view-grid strong{color:var(--text);font-size:15px}.equipment-section{border:1px solid var(--border);background:#fff;border-radius:16px;padding:18px}.equipment-section h3{margin:0 0 16px;font-size:18px}.equipment-doc-list{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.equipment-doc-list button{border:1px solid var(--border);cursor:pointer;background:#f8fafc;border-radius:14px;justify-content:space-between;align-items:center;min-height:54px;padding:14px;display:flex}.equipment-doc-list button:disabled{opacity:.65;cursor:not-allowed}.equipment-doc-list span{font-weight:600}.equipment-doc-list small{color:var(--muted)}.equipment-history-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.equipment-remarks{color:var(--muted);margin:0;line-height:1.7}@media (width<=1100px){.equipment-filter-card,.equipment-history-grid{grid-template-columns:1fr}.equipment-view-grid,.equipment-doc-list{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.equipment-view-grid,.equipment-doc-list{grid-template-columns:1fr}}.equipment-document-card{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.equipment-document-card h4{margin:0;font-size:16px}.equipment-document-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.equipment-document-view-card{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;gap:14px;padding:16px;display:flex}.equipment-document-view-head{justify-content:space-between;gap:10px;display:flex}.equipment-document-info{gap:10px;display:grid}.equipment-document-info p{justify-content:space-between;gap:12px;margin:0;display:flex}.equipment-document-info span{color:var(--muted);font-size:12px}.equipment-doc-status{white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:11px}.equipment-doc-status.active{color:#15803d;background:#dcfce7}.equipment-doc-status.warning{color:#a16207;background:#fef9c3}.equipment-doc-status.expired{color:#dc2626;background:#fee2e2}.equipment-doc-status.normal{color:#475569;background:#f3f4f6}.equipment-empty-text{color:var(--muted);font-size:13px}@media (width<=1100px){.equipment-document-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.equipment-document-grid{grid-template-columns:1fr}}.equipment-alert-card{background:#fff8e1;border:1px solid #fbbf24;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:14px 18px;display:flex}.equipment-alert-card h3{margin:0;font-size:18px;font-weight:600}.equipment-alert-card p{color:#666;margin:3px 0 0;font-size:13px}.equipment-alert-count{color:#fff;background:#f59e0b;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:700;display:flex}.equipment-alert-list{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.equipment-alert-item{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #f59e0b;border-radius:10px;align-items:flex-start;gap:12px;padding:10px 14px;display:flex}.equipment-alert-icon{color:#ea580c;background:#fff7ed;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.equipment-alert-item strong{margin-bottom:2px;font-size:14px;display:block}.equipment-alert-item p{color:#666;margin:0;font-size:12px}.equipment-alert-item small{color:#999;margin-top:4px;font-size:11px;display:block}.equipment-alert-card{cursor:pointer;transition:all .25s}.equipment-alert-card:hover{background:#fff9eb}.equipment-alert-left{flex:1}.equipment-alert-right{align-items:center;gap:14px;display:flex}.equipment-alert-content{flex:1}.equipment-profile-summary{grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;margin-bottom:18px;display:grid}.equipment-profile-tabs{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;flex-wrap:wrap;gap:10px;margin-bottom:18px;padding:8px;display:flex}.equipment-profile-tabs button{color:#7c2d12;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:500}.equipment-profile-tabs button.active{color:#fff;background:#f97316}.equipment-profile-tabs button:hover{background:#ffedd5}.equipment-profile-tabs button.active:hover{background:#f97316}.equipment-report-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;display:grid}.equipment-report-grid>div{background:#fff;border:1px solid #fed7aa;border-radius:14px;padding:16px}.equipment-report-grid span{color:#9a3412;margin-bottom:6px;font-size:13px;display:block}.equipment-report-grid strong{color:#111827;font-size:18px;font-weight:600}@media (width<=1100px){.equipment-profile-summary,.equipment-report-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.equipment-profile-summary,.equipment-report-grid{grid-template-columns:1fr}.equipment-profile-tabs{gap:6px}.equipment-profile-tabs button{flex:1;padding:9px 10px;font-size:13px}}.equipment-mini-info{color:#4b5563;align-items:center;gap:6px;font-size:13px;display:inline-flex}.equipment-mini-info svg{color:#f97316}.equipment-cost-cell{flex-direction:column;gap:2px;display:flex}.equipment-cost-cell strong{color:#111827;font-size:14px;font-weight:600}.equipment-cost-cell small{color:#6b7280;font-size:12px}.equipment-page h1,.equipment-page h2{letter-spacing:-.2px;font-weight:600}.equipment-page h3,.equipment-page h4,.equipment-page strong{font-weight:500}.equipment-page p,.equipment-page span,.equipment-page small,.equipment-page label,.equipment-page td,.equipment-page li,.equipment-page button{font-weight:400}.dpr-page{flex-direction:column;gap:22px;max-width:100%;display:flex;overflow-x:hidden}.dpr-header-actions{flex-wrap:wrap;gap:10px;display:flex}.dpr-header-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:18px}.dpr-header-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.dpr-project-strip{border:1px solid var(--border);background:#fff7ed;border-radius:14px;justify-content:space-between;gap:12px;margin-top:16px;padding:14px 16px;display:flex}.dpr-project-strip strong{color:var(--text)}.dpr-project-strip span{color:var(--muted)}.dpr-cards-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.dpr-card{border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;text-align:left;background:#fff;border-radius:18px;align-items:center;gap:14px;padding:18px;transition:all .2s;display:flex}.dpr-card:hover{border-color:var(--primary);transform:translateY(-2px)}.dpr-card-icon{width:44px;height:44px;color:var(--primary);background:#fff7ed;border-radius:14px;justify-content:center;align-items:center;display:flex}.dpr-card strong{color:var(--text);font-size:15px;display:block}.dpr-card span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.dpr-summary-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;grid-template-columns:repeat(5,1fr);gap:14px;padding:18px;display:grid}.dpr-summary-card div{border:1px solid var(--border);background:#f8fafc;border-radius:14px;padding:14px}.dpr-summary-card span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.dpr-summary-card strong{color:var(--primary);font-size:16px}.dpr-modal-list{flex-direction:column;gap:14px;display:flex}.dpr-entry-row{border:1px solid var(--border);background:#f8fafc;border-radius:14px;grid-template-columns:repeat(5,1fr) 90px;align-items:end;gap:12px;padding:14px;display:grid}.dpr-photo-list{flex-direction:column;gap:14px;display:flex}.dpr-photo-card{border:1px solid var(--border);background:#f8fafc;border-radius:14px;grid-template-columns:120px 1fr 60px;align-items:center;gap:14px;padding:14px;display:grid}.dpr-photo-preview{width:120px;height:90px;color:var(--primary);background:#fff7ed;border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden}.dpr-photo-preview img{object-fit:cover;width:100%;height:100%}.dpr-photo-fields{grid-template-columns:180px 1fr 220px;gap:12px;display:grid}.dpr-boq-modal{flex-direction:column;gap:16px;display:flex}.dpr-boq-table-wrap{width:100%;overflow-x:auto}.dpr-boq-table{border-collapse:collapse;width:100%;min-width:900px}.dpr-boq-table th{text-align:left;color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px;font-size:13px}.dpr-boq-table td{color:#111827;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:12px;font-size:14px}.dpr-boq-table td strong{font-weight:600;display:block}.dpr-boq-table td span{color:#6b7280;margin-top:3px;font-size:12px;display:block}.dpr-boq-table input{border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;height:36px;padding:0 10px}.dpr-boq-table input:focus{border-color:#f97316}.dpr-boq-progress{background:#f3f4f6;border-radius:999px;width:110px;height:8px;margin-bottom:5px;overflow:hidden}.dpr-boq-progress div{background:linear-gradient(90deg,#fb923c,#f97316);border-radius:999px;height:100%}.dpr-boq-table small{color:#9a3412;font-size:12px}.dpr-boq-empty{text-align:center;color:#6b7280!important;padding:28px!important}.dpr-action-buttons{justify-content:center;align-items:center;gap:8px;display:flex}.dpr-action-btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}@media (width<=1200px){.dpr-cards-grid,.dpr-summary-card,.dpr-entry-row{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.dpr-photo-card,.dpr-photo-fields{grid-template-columns:1fr}}@media (width<=768px){.dpr-boq-table{min-width:780px}}@media (width<=700px){.dpr-header-grid,.dpr-cards-grid,.dpr-summary-card,.dpr-entry-row{box-sizing:border-box!important;grid-template-columns:1fr!important;width:100%!important}.dpr-header-card{box-sizing:border-box!important;width:100%!important;padding:14px!important;overflow:hidden!important}.dpr-header-card select,.dpr-header-card input,.dpr-header-card div,.dpr-header-card label{box-sizing:border-box!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;overflow:hidden!important}.dpr-project-strip{text-align:center;flex-direction:column;gap:6px}.dpr-header-actions{width:100%}.dpr-header-actions button{justify-content:center;width:100%!important}}.dpr-page h1,.dpr-page h2{letter-spacing:-.2px;font-weight:600}.dpr-page h3,.dpr-page h4,.dpr-page strong{font-weight:500}.dpr-page p,.dpr-page span,.dpr-page small,.dpr-page label,.dpr-page td,.dpr-page li,.dpr-page button{font-weight:400}.expenses-page{flex-direction:column;gap:22px;display:flex}.expenses-stats-grid{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}.expenses-filter-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;grid-template-columns:1fr 240px 240px;gap:14px;padding:18px;display:grid}@media (width<=1200px){.expenses-stats-grid{grid-template-columns:repeat(2,1fr)}.expenses-filter-card{grid-template-columns:1fr}.expenses-filter-card>*{box-sizing:border-box;width:100%!important;max-width:100%!important}}@media (width<=650px){.expenses-stats-grid{grid-template-columns:1fr}}.expense-type-badge{color:var(--primary);background:#fff7ed;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.expenses-actions{gap:8px;display:flex}.expense-form{flex-direction:column;gap:18px;display:flex}.expense-form-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}@media (width<=800px){.expense-form-grid{grid-template-columns:1fr}}.expense-balance-box{border:1px solid var(--border);background:#fff7ed;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.expense-balance-box span{color:var(--muted);font-size:13px}.expense-balance-box strong{color:var(--primary);font-size:18px}.expense-project,.expense-equipment,.expense-amount{color:#374151;align-items:center;gap:6px;font-size:13px;display:inline-flex}.expense-project svg,.expense-equipment svg,.expense-amount svg{color:#f97316}.expense-amount strong{color:#111827;font-weight:600}.expense-status{border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.expense-status.paid{color:#166534;background:#dcfce7}.expense-status.pending{color:#92400e;background:#fef3c7}.expense-status.part-paid,.expense-status.partial{color:#1d4ed8;background:#dbeafe}.expense-status.cancelled{color:#991b1b;background:#fee2e2}.expense-vendor-box{background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;margin:18px 0;padding:18px}.expense-vendor-box h3{color:#9a3412;margin:0 0 14px;font-size:16px}.expenses-actions{align-items:center;gap:8px;display:flex}.vendor-report-layout{grid-template-columns:300px 1fr;gap:20px;height:650px;display:grid}.vendor-report-list{background:#fafafa;border:1px solid #e5e7eb;border-radius:14px;padding:12px;overflow-y:auto}.vendor-report-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;margin-bottom:10px;padding:12px;transition:all .25s}.vendor-report-card:hover{border-color:#f97316}.vendor-report-card.active{background:#fff7ed;border-color:#f97316}.vendor-report-card strong{color:#111827;font-size:15px;display:block}.vendor-report-card span{color:#6b7280;margin-top:3px;font-size:12px;display:block}.vendor-report-card div{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.vendor-report-card small{color:#6b7280;font-size:12px}.vendor-report-card b{color:#f97316;font-size:15px}.vendor-report-detail{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;overflow-y:auto}.vendor-report-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.vendor-report-head h3{margin:0;font-size:22px}.vendor-report-head p{color:#6b7280;margin-top:5px}.vendor-report-total{text-align:right}.vendor-report-total span{color:#6b7280;font-size:13px;display:block}.vendor-report-total strong{color:#f97316;margin-top:5px;font-size:26px;display:block}.vendor-report-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:25px;display:grid}.vendor-report-summary>div{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.vendor-report-summary svg{color:#f97316}.vendor-report-summary span{color:#6b7280;margin-top:8px;font-size:12px;display:block}.vendor-report-summary strong{margin-top:4px;font-size:18px;display:block}.vendor-expense-list{flex-direction:column;gap:12px;display:flex}.vendor-expense-item{border:1px solid #ececec;border-radius:12px;grid-template-columns:120px 1fr 120px;align-items:center;gap:18px;padding:14px;display:grid}.vendor-expense-date{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:flex}.vendor-expense-main strong{color:#111827;font-size:15px;display:block}.vendor-expense-main span{color:#6b7280;margin-top:4px;display:block}.vendor-expense-main small{color:#9ca3af;margin-top:6px;display:block}.vendor-expense-amount{text-align:right;color:#f97316;font-size:18px;font-weight:700}.vendor-report-empty{text-align:center;color:#9ca3af;padding:60px 20px}@media (width<=900px){.vendor-report-layout{grid-template-columns:1fr;height:auto}.vendor-report-list{max-height:220px}.vendor-report-summary,.vendor-expense-item{grid-template-columns:1fr}.vendor-expense-amount{text-align:left}}.expenses-page h1,.expenses-page h2{letter-spacing:-.2px;font-weight:600}.expenses-page h3,.expenses-page h4,.expenses-page strong{font-weight:500}.expenses-page p,.expenses-page span,.expenses-page small,.expenses-page label,.expenses-page td,.expenses-page li,.expenses-page button{font-weight:400}@media (width<=900px){.expenses-filter-card{flex-direction:column!important;gap:10px!important;width:100%!important;padding:10px!important;display:flex!important}.expenses-filter-card input,.expenses-filter-card select,.expenses-filter-card .search-input-wrapper,.expenses-filter-card .select-wrapper{width:100%!important;max-width:100%!important;min-width:unset!important}}.reports-page{background:#f5f7fb;width:100%;min-height:100vh;padding:28px 24px;overflow-x:hidden}.reports-header{margin-bottom:22px}.reports-header h1{color:#071633;align-items:center;gap:10px;margin:0;font-size:28px;font-weight:600;display:flex}.reports-header h1 svg{color:#ff7a00}.reports-header p{color:#64748b;margin:7px 0 0;font-size:15px}.report-filter-card,.report-preview-card{background:#fff;border:1px solid #e5eaf1;border-radius:18px;width:100%;margin-bottom:22px;padding:20px;overflow:hidden;box-shadow:0 18px 45px #0f172a0f}.report-filter-card{grid-template-columns:220px minmax(0,1fr);align-items:end;gap:22px;display:grid}.report-filter-head{margin:0}.report-section-title{display:block}.report-section-title>span{display:none}.report-filter-head h3{color:#071633;margin:0;font-size:20px;font-weight:600}.report-filter-head p{color:#64748b;margin:6px 0 0;font-size:14px;line-height:1.4}.report-filter-grid{grid-template-columns:220px 320px 150px 150px;align-items:end;gap:14px;min-width:0;display:grid}.report-field-block{min-width:0;position:relative;overflow:hidden}.report-field-icon{display:none}.report-filter-card label{color:#475569;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.report-field-block select:focus,.report-field-block input:focus{box-shadow:0 0 0 3px #ff7a001f;border-color:#ff7a00!important}.report-filter-footer{grid-column:2;justify-content:flex-end;margin-top:16px;display:flex}.report-filter-footer button{border-radius:12px;min-width:170px;height:44px;font-size:14px;font-weight:600;color:#fff!important;box-shadow:none!important;background:#ff7a00!important;border:none!important}.report-filter-footer button:hover{background:#f97316!important}.report-preview-top{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;padding-bottom:16px;display:flex}.report-preview-title span{display:none}.report-preview-top h2{color:#071633;margin:0;font-size:22px;font-weight:600}.report-preview-top p{color:#64748b;margin:6px 0 0;font-size:14px}.report-actions{flex-shrink:0;gap:10px;display:flex}.report-actions button{border-radius:12px;height:42px;padding:0 15px;font-size:14px;font-weight:600}.report-actions button:first-child{color:#fff!important;background:#ff7a00!important;border:1px solid #ff7a00!important}.report-actions button:last-child{color:#071633!important;background:#fff!important;border:1px solid #dfe6ef!important}.report-loading,.report-empty,.report-state-box{text-align:center;color:#64748b;justify-content:center;align-items:center;min-height:250px;font-weight:500;display:flex}.report-state-box{flex-direction:column}.report-state-box h3{color:#071633;margin:12px 0 6px;font-size:20px;font-weight:600}.report-state-box p{color:#64748b;max-width:420px;margin:0;font-size:14px;line-height:1.5}.report-empty-icon{color:#ff7a00;background:#fff7ed;border-radius:18px;place-items:center;width:64px;height:64px;display:grid}.report-spin{color:#ff7a00;animation:1s linear infinite reportSpin}@keyframes reportSpin{to{transform:rotate(360deg)}}.report-paper-wrap{width:100%;overflow-x:auto}.report-paper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;min-width:760px;padding:36px 40px}.report-branding{border-bottom:3px solid #ff7a00;margin-bottom:24px;padding-bottom:22px}.report-brand-top{grid-template-columns:minmax(0,1fr) 330px;align-items:flex-start;gap:28px;width:100%;display:grid}.report-company{min-width:0}.report-logo{color:#ff7a00;background:#fff7ed;border:1px solid #ececec;border-radius:14px;flex-shrink:0;place-items:center;width:84px;height:84px;display:grid}.report-logo img{object-fit:contain;width:74px;height:74px}.report-company-info{min-width:0;max-width:100%}.report-company-info h1{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:20px;font-weight:600;overflow:hidden}.report-company-info span{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:13px;display:block;overflow:hidden}.report-contact{flex-wrap:wrap;gap:14px;margin-top:12px;display:flex}.report-contact div,.report-address{color:#374151;align-items:center;gap:6px;max-width:100%;font-size:13px;display:flex}.report-contact div span,.report-address span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.report-address{color:#64748b;margin-top:10px}.report-info-box{background:#fff;border:1.5px solid #ff7a00;border-radius:12px;justify-self:end;width:330px;max-width:100%;overflow:hidden}.report-info-box h3{text-align:center;color:#111827;background:#fff7ed;margin:0;padding:12px;font-size:17px;font-weight:600}.report-info-box table{border-collapse:collapse;width:100%}.report-info-box td{color:#111827;border-top:1px solid #ececec;padding:10px 12px;font-size:13px}.report-info-box td:first-child{width:95px;font-weight:600}.reports-summary-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:24px;display:grid}.report-summary-card{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;min-width:0;padding:16px}.report-summary-card span{color:#92400e;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.report-summary-card strong{color:#071633;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:600;display:block;overflow:hidden}.report-section{margin-top:26px}.report-section h3{color:#111827;border-left:4px solid #ff7a00;margin:0 0 12px;padding-left:10px;font-size:18px;font-weight:600}.report-table-wrap{border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow-x:auto}.report-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:760px;font-size:13px}.report-table th{text-align:left;color:#111827;white-space:nowrap;background:#fff7ed;border:1px solid #e5e7eb;padding:11px;font-weight:600}.report-table td{color:#111827;vertical-align:top;white-space:nowrap;text-overflow:ellipsis;border:1px solid #e5e7eb;padding:10px 11px;overflow:hidden}.report-table tbody tr:nth-child(2n){background:#f9fafb}.report-table tbody tr:hover{background:#fff8ef}.report-no-data{text-align:center;color:#64748b;padding:28px!important}.report-signature{justify-content:space-between;align-items:flex-end;gap:60px;margin-top:60px;display:flex}.signature-box{text-align:center;flex:1}.signature-line{border-top:1.5px solid #111827;width:220px;max-width:100%;margin:0 auto 12px}.signature-box span{color:#6b7280;font-size:12px;display:block}.signature-box strong{color:#111827;margin-top:4px;font-size:15px;font-weight:600;display:block}.report-footer{text-align:center;border-top:1px solid #e5e7eb;margin-top:35px;padding-top:14px}.report-footer p{color:#6b7280;margin:0;font-size:12px}@media (width<=1200px){.report-filter-card{grid-template-columns:1fr;align-items:stretch}.report-filter-footer{grid-column:auto}.report-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-brand-top{grid-template-columns:1fr}.report-info-box{justify-self:stretch;width:100%}}@media (width<=768px){.reports-page{padding:18px 14px}.reports-header h1{font-size:24px}.reports-header p{font-size:14px}.report-filter-card,.report-preview-card{border-radius:16px;padding:16px}.report-filter-grid{grid-template-columns:1fr;gap:14px}.report-filter-footer{justify-content:stretch}.report-filter-footer button{width:100%}.report-preview-top{flex-direction:column;align-items:flex-start}.report-actions{flex-direction:column;width:100%}.report-actions button{width:100%}.report-paper{min-width:700px;padding:24px}.report-company{flex-direction:column}.report-company-info h1,.report-company-info span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.report-contact{flex-direction:column;gap:8px}.report-signature{flex-direction:column;gap:38px}.signature-box{width:100%}}@media (width<=480px){.reports-page{padding:14px 10px}.reports-header h1{font-size:22px}.report-filter-head h3,.report-preview-top h2{font-size:19px}.report-paper{min-width:660px;padding:18px}}.reports-page h1,.reports-page h2{letter-spacing:-.2px;font-weight:600}.reports-page h3,.reports-page h4,.reports-page strong{font-weight:500}.user-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px;display:grid}.user-stat-card{background:#fff;border:1px solid #ececec;border-radius:18px;align-items:center;gap:18px;padding:22px;display:flex;box-shadow:0 4px 15px #0f172a0d}.user-stat-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.user-stat-content{flex-direction:column;display:flex}.user-stat-content p{color:#64748b;margin:0;font-size:14px;font-weight:500}.user-stat-content h2{color:#0f172a;margin:6px 0 0;font-size:26px;font-weight:700;line-height:1}.user-stat-card.orange .user-stat-icon{color:#ff7a00;background:#fff3e8}.user-stat-card.green .user-stat-icon{color:#22c55e;background:#eafbf0}.user-stat-card.red .user-stat-icon{color:#ef4444;background:#feeeee}.user-stat-card.blue .user-stat-icon{color:#3b82f6;background:#edf5ff}@media (width<=768px){.user-stats-grid{grid-template-columns:1fr;gap:16px}.user-stat-card{padding:18px}.user-stat-icon{width:50px;height:50px}.user-stat-content h2{font-size:32px}}.users-filter-card{grid-template-columns:1fr 220px 220px;gap:14px;margin-bottom:22px;display:grid}.users-filter-card input,.users-filter-card select{color:#0f172a;background:#fff;border:1px solid #e5e7eb;border-radius:14px;outline:none;width:100%;height:46px;font-size:15px}.users-filter-card input{padding:0 16px 0 44px}.users-filter-card select{padding:0 14px}.users-filter-card input::placeholder{color:#94a3b8}.users-filter-card input:focus,.users-filter-card select:focus{border-color:#ff7a00;box-shadow:0 0 0 3px #ff7a001a}@media (width<=900px){.users-filter-card{grid-template-columns:1fr;gap:10px}}.users-table-card{background:#fff;border:1px solid #eef0f4;border-radius:18px;overflow:hidden;box-shadow:0 4px 15px #0f172a0d}.users-table{width:100%;min-width:1050px}.users-table-head,.users-table-row{grid-template-columns:1.5fr 1fr 1fr 1.5fr 1.1fr .8fr 1fr;align-items:center;gap:16px;display:grid}.users-table-head{color:#9a3412;background:#fff7ed;border-bottom:1px solid #fed7aa;padding:16px 20px;font-size:13px;font-weight:600}.users-table-row{color:#334155;border-bottom:1px solid #f1f5f9;padding:18px 20px;font-size:14px}.users-table-row:last-child{border-bottom:none}.users-user-cell{align-items:center;gap:12px;display:flex}.user-avatar.sm{color:#ff7a00;background:#fff3e8;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.users-user-cell h4{color:#0f172a;margin:0;font-size:15px;font-weight:600}.users-user-cell p{color:#64748b;margin:4px 0 0;font-size:13px}.user-role-badge{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;min-height:28px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.users-muted-cell{color:#475569;align-items:center;gap:7px;display:flex}.users-muted-cell svg{color:#ff7a00}.users-contact-cell{flex-direction:column;gap:6px;display:flex}.users-contact-cell span{color:#475569;align-items:center;gap:7px;font-size:13px;display:flex}.users-contact-cell svg{color:#94a3b8;flex-shrink:0}.users-code-cell{align-items:center;gap:8px;display:flex}.users-code-cell strong{color:#0f172a;letter-spacing:.4px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:6px 10px;font-size:13px;font-weight:700}.user-status{border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.user-status.active{color:#16a34a;background:#eafbf0}.user-status.inactive{color:#f97316;background:#fff3e8}.user-status.suspended{color:#ef4444;background:#feeeee}.users-action-cell{justify-content:flex-end;align-items:center;gap:8px;display:flex}.users-icon-btn{color:#111827;cursor:pointer;width:34px;height:34px;box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex}.users-icon-btn:hover,.users-icon-btn:focus,.users-icon-btn:active{color:#111827;box-shadow:none;background:#fff;border-color:#e5e7eb;transform:none}.users-icon-btn svg{color:#111827}.users-icon-btn.activate svg{color:#22c55e}.users-icon-btn.deactivate svg{color:#ef4444}.users-icon-btn.danger{background:#ef4444;border-color:#ef4444}.users-icon-btn.danger svg{color:#fff}.users-icon-btn.danger:hover,.users-icon-btn.danger:focus,.users-icon-btn.danger:active{background:#ef4444;border-color:#ef4444}.users-loading,.users-empty{text-align:center;color:#64748b;background:#fff;border:1px solid #eef0f4;border-radius:18px;padding:40px 20px}.users-empty h3{color:#0f172a;margin:0 0 6px;font-size:18px}.users-empty p{margin:0;font-size:14px}@media (width<=1200px){.users-table-card{overflow-x:auto}}@media (width<=768px){.users-table-card{border-radius:16px}.users-table{min-width:980px}.users-table-head,.users-table-row{grid-template-columns:220px 140px 140px 220px 150px 110px 150px}}.user-view{flex-direction:column;gap:20px;display:flex}.user-view-profile{background:#fff7ed;border:1px solid #fed7aa;border-radius:18px;align-items:center;gap:16px;padding:20px;display:flex}.user-view-avatar{color:#ff7a00;background:#fff;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.user-view-profile h2{color:#0f172a;margin:0;font-size:22px}.user-view-profile p{color:#64748b;margin:5px 0 0;font-size:14px}.user-view-profile .user-status{margin-left:auto}.user-view-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.user-view-info-item{background:#fff;border:1px solid #eef0f4;border-radius:14px;grid-template-columns:36px 1fr;gap:2px 10px;padding:14px;display:grid}.user-view-info-item>div{color:#ff7a00;background:#fff3e8;border-radius:12px;grid-row:span 2;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.user-view-info-item span{color:#64748b;font-size:12px}.user-view-info-item strong{color:#0f172a;font-size:14px}.user-view-permissions{background:#fff;border:1px solid #eef0f4;border-radius:18px;padding:18px}.permission-preview-head{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.permission-preview-head>svg{color:#ff7a00;margin-top:3px}.permission-preview-head h4{color:#0f172a;margin:0;font-size:16px}.permission-preview-head p{color:#64748b;margin:4px 0 0;font-size:13px}.permission-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.permission-item{border-radius:12px;align-items:center;gap:8px;min-height:36px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.permission-item.allowed{color:#16a34a;background:#eafbf0}.permission-item.blocked{color:#94a3b8;background:#f8fafc}@media (width<=768px){.user-view-profile{align-items:flex-start}.user-view-grid,.permission-grid{grid-template-columns:1fr}}.premium-user-form{flex-direction:column;gap:20px;display:flex}.premium-user-layout{grid-template-columns:1.4fr .9fr;gap:20px;display:grid}.premium-user-left,.premium-user-right{background:#fff;border:1px solid #eef0f4;border-radius:18px;padding:18px}.premium-form-title,.permission-panel-head{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.premium-form-title>div,.permission-panel-head>svg{color:#ff7a00;background:#fff3e8;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.premium-form-title h3,.permission-panel-head h3{color:#0f172a;margin:0;font-size:17px}.premium-form-title p,.permission-panel-head p{color:#64748b;margin:4px 0 0;font-size:13px}.user-form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.premium-role-card{background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;padding:16px;display:grid}.invite-code-premium label{color:#475569;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.invite-code-premium>div{background:#fff;border:1px dashed #fdba74;border-radius:13px;align-items:center;gap:8px;min-height:44px;padding:0 8px 0 14px;display:flex}.invite-code-premium strong{letter-spacing:.5px;color:#0f172a;flex:1;font-size:14px}.invite-code-premium button{color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.permission-panel{height:100%}.seat-usage-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;margin-bottom:16px;padding:14px}.seat-usage-box span{color:#64748b;font-size:12px}.seat-usage-box strong{color:#0f172a;margin-top:4px;font-size:14px;display:block}.seat-progress{background:#e5e7eb;border-radius:999px;height:8px;margin:12px 0 7px;overflow:hidden}.seat-progress div{background:#ff7a00;border-radius:999px;height:100%}.seat-usage-box p{color:#64748b;margin:0;font-size:12px}.permission-grid.premium{grid-template-columns:repeat(2,1fr)}.modal-actions{border-top:1px solid #eef0f4;justify-content:flex-end;gap:12px;padding-top:16px;display:flex}@media (width<=1024px){.premium-user-layout{grid-template-columns:1fr}}@media (width<=768px){.user-form-grid,.premium-role-card,.permission-grid.premium{grid-template-columns:1fr}.premium-user-left,.premium-user-right{padding:14px}}.modal-actions .btn-secondary,.modal-actions button[type=button]{color:#0f172a;background:#fff;border:1px solid #d1d5db}.modal-actions .btn-secondary:hover,.modal-actions button[type=button]:hover{color:#0f172a;background:#fff;border-color:#d1d5db}.login-password-card{background:#fff7ed;border:1px solid #e5e7eb;border-radius:16px;margin-top:16px;padding:16px}.login-password-head,.employee-link-head{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.login-password-head h4,.employee-link-head h4{color:#111827;margin:0;font-size:15px}.login-password-head p,.employee-link-head p{color:#6b7280;margin:3px 0 0;font-size:12px}.password-display-box{background:#fff;border:1px solid #fed7aa;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex}.password-display-box strong{letter-spacing:.5px;color:#111827;flex:1;font-size:14px}.password-display-box button{color:#ea580c;cursor:pointer;background:#ffedd5;border:none;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.employee-link-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:16px;padding:16px}.linked-employee-preview{background:#fff;border:1px dashed #fdba74;border-radius:12px;margin-top:12px;padding:12px}.linked-employee-preview strong{color:#111827;font-size:14px;display:block}.linked-employee-preview span{color:#6b7280;margin-top:3px;font-size:12px;display:block}.linked-employee-preview p{color:#374151;margin:4px 0 0;font-size:12px}.user-access-note{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;margin-top:16px;padding:12px}.user-access-note strong{color:#9a3412;font-size:13px;display:block}.user-access-note p{color:#7c2d12;margin:4px 0 0;font-size:12px}.users-login-cell{flex-direction:column;gap:5px;display:flex;position:relative}.users-login-cell span{color:#374151;align-items:center;gap:6px;font-size:12px;display:flex}.users-login-cell .users-icon-btn{position:absolute;top:50%;right:0;transform:translateY(-50%)}.linked-employee-text{color:#2563eb;margin-top:3px;font-size:11px;display:block}.linked-employee-text.muted{color:#9ca3af}.user-linked-employee{color:#2563eb;margin-top:4px;font-size:12px;display:block}.user-linked-employee.muted{color:#9ca3af}.user-login-card{background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;margin:16px 0;padding:16px}.user-login-head{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.user-login-head h4{color:#111827;margin:0;font-size:15px}.user-login-head p{color:#7c2d12;margin:3px 0 0;font-size:12px}.user-login-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.credential-item{background:#fff;border:1px solid #fed7aa;border-radius:14px;grid-template-columns:34px 1fr auto;align-items:center;gap:6px 10px;padding:12px;display:grid;position:relative}.credential-icon{color:#ea580c;background:#ffedd5;border-radius:10px;grid-row:span 2;place-items:center;width:34px;height:34px;display:grid}.credential-item span{color:#6b7280;font-size:12px}.credential-item strong{color:#111827;letter-spacing:.4px;font-size:13px}.credential-item button{cursor:pointer;color:#ea580c;background:#ffedd5;border:none;border-radius:9px;grid-row:span 2;place-items:center;width:30px;height:30px;display:grid}.users-page h1,.users-page h2{letter-spacing:-.2px;font-weight:600}.users-page h3,.users-page h4,.users-page strong{font-weight:500}.users-page p,.users-page span,.users-page small,.users-page label,.users-page td,.users-page li,.users-page button{font-weight:400}.subscription-page{flex-direction:column;gap:30px;max-width:1600px;margin:auto;display:flex}.current-license-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px 24px;box-shadow:0 4px 16px #0000000d}.current-license-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.current-license-title{align-items:center;gap:10px;display:flex}.current-license-title svg{color:#f59e0b}.current-license-title h3{color:#111827;margin:0;font-size:20px;font-weight:700}.license-status{border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.license-status.active{color:#16a34a;background:#ecfdf5}.current-license-middle{color:#6b7280;align-items:center;gap:8px;margin-bottom:16px;font-size:15px;display:flex}.current-license-middle span:first-child{color:#111827;font-weight:700}.current-license-key{background:#f9fafb;border:1px dashed #d1d5db;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;display:flex}.current-license-key code{letter-spacing:.8px;color:#374151;font-size:14px;font-weight:600}.subscription-plan-header{text-align:center;margin:10px 0 30px}.subscription-plan-header h2{color:#111827;margin:0;font-size:30px;font-weight:700}.subscription-plan-header p{color:#6b7280;margin-top:8px;font-size:15px}.plans-grid{grid-template-columns:repeat(5,minmax(220px,1fr));gap:22px;margin-bottom:40px;display:grid}.plan-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;flex-direction:column;min-height:560px;padding:24px;transition:all .35s;display:flex;position:relative;box-shadow:0 8px 25px #0f172a0d}.plan-card:hover{border-color:#f59e0b;transform:translateY(-8px);box-shadow:0 20px 45px #f59e0b29}.featured-plan{border:2px solid #f59e0b;transform:scale(1.03);box-shadow:0 18px 45px #f59e0b2e}.featured-plan:hover{transform:scale(1.04)translateY(-6px)}.active-plan{border:2px solid #f59e0b}.active-plan:after{content:"";pointer-events:none;background:linear-gradient(#f59e0b0a,#0000);position:absolute;inset:0}.current-plan-badge{color:#15803d;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;justify-content:center;align-items:center;width:max-content;margin-bottom:18px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.plan-title{margin-bottom:18px}.plan-title h2{color:#111827;margin:0;font-size:24px;font-weight:700}.plan-title p{color:#6b7280;margin-top:6px;font-size:14px;line-height:1.5}.plan-price-box{margin-bottom:18px}.plan-price{color:#111827;align-items:flex-end;gap:6px;font-size:36px;font-weight:600;line-height:1;display:flex}.plan-price span{color:#6b7280;margin-bottom:6px;font-size:14px}.plan-mrp{align-items:center;gap:10px;margin-top:10px;display:flex}.plan-mrp del{color:#9ca3af;font-size:14px}.plan-mrp span{color:#15803d;background:#dcfce7;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.plan-description{color:#6b7280;margin-bottom:20px;font-size:14px;line-height:1.6}.plan-features{border-top:1px solid #f3f4f6;margin-top:auto;margin-bottom:24px;padding-top:20px}.plan-features h4{color:#111827;margin:0 0 16px;font-size:14px;font-weight:700}.plan-feature{color:#374151;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;display:flex}.plan-feature svg{color:#16a34a;flex-shrink:0}.plan-card .nhq-btn{margin-top:auto}@media (width<=1400px){.plans-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.plans-grid{grid-template-columns:1fr}.featured-plan{transform:none}.featured-plan:hover{transform:translateY(-6px)}.plan-card{min-height:auto}}.billing-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:26px;box-shadow:0 8px 25px #0f172a0d}.billing-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.billing-head h3{color:#111827;margin:0;font-size:22px;font-weight:700}.billing-head p{color:#6b7280;margin-top:6px;font-size:14px}.billing-table-wrapper{overflow-x:auto}.billing-table{border-collapse:collapse;width:100%}.billing-table thead tr{background:#fafafa}.billing-table th{color:#6b7280;text-align:left;border-bottom:1px solid #ececec;padding:16px;font-size:13px;font-weight:600}.billing-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:18px 16px;font-size:14px}.billing-table tbody tr{transition:all .25s}.billing-table tbody tr:hover{background:#fffaf3}.invoice-no{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:7px 12px;font-family:monospace;font-size:12px;font-weight:700;display:inline-block}.amount{color:#ea580c;font-size:15px;font-weight:700}.status-badge{border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.paid{color:#15803d;background:#ecfdf5}.status-badge.pending{color:#ca8a04;background:#fef9c3}.status-badge.failed{color:#dc2626;background:#fef2f2}.invoice-download{cursor:pointer;background:#f8fafc;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s;display:flex}.invoice-download:hover{color:#ea580c;background:#fff7ed}.billing-empty{text-align:center;padding:60px 20px!important}.billing-empty svg{color:#f59e0b;margin-bottom:16px}.billing-empty h4{color:#111827;margin:0;font-size:20px}.billing-empty p{color:#6b7280;margin-top:8px;font-size:14px}@media (width<=900px){.billing-table{min-width:900px}.billing-card{overflow-x:auto}}.billing-pagination{justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;display:flex}.billing-pagination button{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:38px;height:38px;padding:0 14px;font-size:13px;transition:all .25s}.billing-pagination button:hover:not(:disabled){color:#ea580c;border-color:#f59e0b}.billing-pagination button:disabled{opacity:.45;cursor:not-allowed}.billing-page-numbers{gap:8px;display:flex}.billing-page-numbers button.active{color:#fff;background:#f59e0b;border-color:#f59e0b}.upgrade-modal-backdrop{z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.upgrade-modal{background:#fff;border-radius:20px;width:100%;max-width:460px;padding:28px;animation:.25s paymentModalIn;position:relative;box-shadow:0 25px 60px #0000002e}@keyframes paymentModalIn{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.upgrade-close{color:#d97706;cursor:pointer;background:#fff7ed;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex;position:absolute;top:18px;right:18px}.upgrade-close:hover{color:#fff;background:#f59e0b}.upgrade-icon{color:#f59e0b;background:#fff7ed;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 16px;display:flex}.payment-modal h2{text-align:center;color:#111827;margin-bottom:8px;font-size:24px;font-weight:700}.payment-modal p{text-align:center;color:#6b7280;margin-bottom:24px;font-size:14px;line-height:1.5}.payment-plan-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:18px;padding:16px}.payment-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.payment-row:last-child{border-bottom:none}.payment-row span{color:#6b7280;font-size:14px}.payment-row strong{color:#111827;font-size:15px}.payment-security{color:#047857;background:#ecfdf5;border-radius:12px;align-items:center;gap:10px;margin-bottom:18px;padding:12px;font-size:13px;display:flex}.payment-total{background:#fff7ed;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:16px;display:flex}.payment-total span{color:#6b7280;font-size:15px}.payment-total strong{color:#d97706;font-size:24px}.upgrade-actions{gap:12px;display:flex}.upgrade-actions button{flex:1}@media (width<=520px){.upgrade-modal{border-radius:16px;padding:22px}.payment-modal h2{font-size:21px}.payment-total strong{font-size:20px}.upgrade-actions{flex-direction:column}}.company-card{flex-direction:column;width:100%;display:flex}.company-header{border-bottom:1px solid #eef2f7;align-items:center;gap:18px;margin-bottom:24px;padding-bottom:18px;display:flex}.company-header-icon{width:56px;height:56px;color:var(--text);border:1px solid var(--border);background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.company-header-content{flex:1}.company-header h3{color:#0f172a;margin:0;font-size:20px;font-weight:700}.company-header p{color:#64748b;margin:4px 0 0;font-size:14px;line-height:1.5}.company-body{flex-direction:column;gap:22px;display:flex}.company-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px;display:grid}.company-grid .full-width{grid-column:1/-1}.readonly-card{flex-direction:column;gap:8px;display:flex}.readonly-card label{color:#64748b;font-size:13px;font-weight:600}.readonly-value{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;min-height:44px;padding:0 14px;display:flex}.company-footer{justify-content:flex-end;margin-top:28px;display:flex}.company-footer .btn,.company-footer button{min-width:180px}@media (width<=1024px){.company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.company-header{align-items:flex-start}.company-grid{grid-template-columns:1fr}.company-footer{justify-content:stretch}.company-footer button{width:100%}}.file-upload{flex-direction:column;gap:12px;display:flex}.file-upload-label{color:var(--text);font-size:14px;font-weight:600;display:block}.file-upload-preview{border:2px dashed var(--border);cursor:pointer;background:#fff;border-radius:14px;justify-content:center;align-items:center;transition:all .25s;display:flex;overflow:hidden}.file-upload-preview:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 20px #0f172a14}.file-upload-image{object-fit:cover;width:100%;height:100%;display:block}.file-upload-placeholder{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex}.file-upload-placeholder svg{color:var(--primary);opacity:.9}.file-upload-placeholder p{color:var(--muted);margin:0;font-size:13px}.file-upload-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.file-upload-actions button{flex:none;width:auto;min-width:90px}.file-upload-error{color:var(--danger);font-size:13px}.file-upload-progress{background:#e5e7eb;border-radius:999px;width:100%;height:6px;overflow:hidden}.file-upload-progress-bar{background:var(--primary);width:0%;height:100%;transition:width .3s}.file-upload.dragging .file-upload-preview{border-color:var(--primary);background:#f59e0b14}@media (width<=768px){.file-upload-preview{width:140px!important;height:140px!important}.file-upload-actions{flex-direction:column;align-items:stretch}.file-upload-actions button{width:100%}}.owner-card{flex-direction:column;width:100%;display:flex}.owner-header{border-bottom:1px solid var(--border);align-items:center;gap:18px;margin-bottom:24px;padding-bottom:18px;display:flex}.owner-header-icon{width:56px;height:56px;color:var(--text);border:1px solid var(--border);background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.owner-header h3{color:var(--text);margin:0;font-size:18px;font-weight:600}.owner-header p{color:var(--muted);margin:4px 0 0;font-size:14px}.owner-grid{grid-template-columns:180px 1fr;align-items:start;gap:28px;display:grid}.owner-photo{justify-content:center;display:flex}.owner-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.owner-form .nhq-field:last-child{grid-column:1/-1}.owner-footer{justify-content:flex-end;margin-top:24px;display:flex}.owner-footer button{min-width:160px}@media (width<=992px){.owner-grid{grid-template-columns:150px 1fr;gap:22px}}@media (width<=768px){.owner-grid{grid-template-columns:1fr}.owner-photo{justify-content:flex-start}.owner-form{grid-template-columns:1fr}.owner-footer button{width:100%}}.branding-card{flex-direction:column;width:100%;display:flex}.branding-header{border-bottom:1px solid var(--border);align-items:center;gap:18px;margin-bottom:24px;padding-bottom:18px;display:flex}.branding-header-icon{width:56px;height:56px;color:var(--text);border:1px solid var(--border);background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.branding-body{flex-direction:column;gap:24px;display:flex}.branding-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.branding-footer{justify-content:flex-end;display:flex}.branding-footer button{min-width:170px}@media (width<=992px){.branding-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.branding-grid{grid-template-columns:1fr}.branding-footer button{width:100%}}.password-popup-overlay{z-index:9999;background:#0f172a59;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.password-popup{background:#fff;border-radius:22px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 20px 70px #0f172a2e}.password-popup-header{border-bottom:1px solid var(--border);align-items:center;gap:18px;padding:24px;display:flex;position:relative}.password-popup-icon{background:var(--primary-light);width:56px;height:56px;color:var(--primary);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.password-popup-header h3{color:var(--text);margin:0 0 4px;font-size:22px;font-weight:600}.password-popup-header p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.password-popup-close{width:38px;height:38px;color:var(--primary);cursor:pointer;background:#fff7ed;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .25s;display:flex;position:absolute;top:20px;right:20px}.password-popup-close:hover{background:var(--primary);color:#fff}.password-popup-body{flex-direction:column;gap:18px;padding:24px;display:flex}.password-checkbox{color:var(--text-muted);align-items:center;gap:10px;font-size:14px;display:flex}.password-checkbox input{width:16px;height:16px}.password-popup-footer{border-top:1px solid var(--border);background:#fafafa;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.password-popup-footer .nhq-btn{justify-content:center;min-width:160px}@media (width<=768px){.password-popup{max-width:100%}}@media (width<=480px){.password-popup-overlay{padding:16px}.password-popup-header,.password-popup-body,.password-popup-footer{padding:18px}.password-popup-header{gap:14px}.password-popup-icon{width:48px;height:48px}.password-popup-header h3{font-size:18px}.password-popup-footer{flex-direction:column-reverse}.password-popup-footer .nhq-btn{width:100%}}.security-list{flex-direction:column;display:flex}.security-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:22px 0;display:flex}.security-item:last-child{border-bottom:none;padding-bottom:0}.security-item-left{flex:1;align-items:flex-start;gap:18px;min-width:0;display:flex}.security-item-icon{background:var(--primary-light);width:48px;height:48px;color:var(--primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.security-item-icon.danger{color:#dc2626;background:#fef2f2}.security-item h4{color:var(--text);margin:0 0 6px;font-size:16px;font-weight:600}.security-item p{color:var(--text-muted);max-width:520px;margin:0;font-size:14px;line-height:1.6}.security-item .nhq-btn{flex-shrink:0;justify-content:center;min-width:180px}@media (width<=768px){.security-item{flex-direction:column;align-items:flex-start}.security-item-left{width:100%}.security-item .nhq-btn{width:100%;min-width:100%}}@media (width<=480px){.security-item{gap:18px;padding:18px 0}.security-item-left{gap:14px}.security-item-icon{width:42px;height:42px}.security-item h4{font-size:15px}.security-item p{font-size:13px}}.settings-page{flex-direction:column;gap:32px;width:100%;padding-bottom:40px;display:flex}.settings-layout{flex-direction:column;gap:28px;width:100%;display:flex}.settings-section{width:100%;min-width:0}@media (width<=1024px){.settings-page{gap:28px;padding-bottom:32px}.settings-layout{gap:24px}}@media (width<=768px){.settings-page{gap:24px;padding-bottom:24px}.settings-layout{gap:20px}}@media (width<=480px){.settings-page{gap:20px;padding-bottom:20px}.settings-layout{gap:16px}}.settings-page h1,.settings-page h2{letter-spacing:-.2px;font-weight:600}.settings-page h3,.settings-page h4,.settings-page strong{font-weight:500}.settings-page p,.settings-page span,.settings-page small,.settings-page label,.settings-page td,.settings-page li,.settings-page button{font-weight:400}.auth-page{background:linear-gradient(135deg,#fff7ed 0%,#fff 100%);justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex}.auth-shell{grid-template-columns:minmax(0,1fr) 460px;align-items:center;gap:42px;width:100%;max-width:1120px;display:grid}.auth-shell-single{grid-template-columns:1fr;max-width:480px}.auth-brand-panel{min-width:0;padding-right:20px}.auth-brand-logo{color:#f97316;background:#ffedd5;border-radius:20px;place-items:center;width:72px;height:72px;margin-bottom:18px;display:grid}.auth-badge{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;align-items:center;gap:7px;margin-bottom:18px;padding:7px 13px;font-size:13px;font-weight:500;display:inline-flex}.auth-brand-panel h1{color:#111827;letter-spacing:-.4px;margin:0;font-size:44px;font-weight:600}.auth-brand-panel p{color:#64748b;max-width:560px;margin:14px 0 0;font-size:16px;line-height:1.7}.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;width:100%;padding:34px;box-shadow:0 18px 45px #0f172a14}.auth-logo{color:#f97316;background:#fff;border:1px solid #fed7aa;border-radius:20px;justify-content:center;align-items:center;width:78px;height:78px;margin:0 auto 18px;display:flex}.auth-logo img{object-fit:contain;width:60px;height:60px}.auth-card h2{text-align:center;color:#111827;letter-spacing:-.2px;margin:0;font-size:27px;font-weight:600}.auth-card>p{text-align:center;color:#64748b;max-width:360px;margin:8px auto 24px;font-size:14px;line-height:1.55}.auth-tabs{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.auth-tabs button{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:12px;height:44px;font-size:14px;font-weight:500}.auth-tabs button.active{color:#fff;background:#f97316;border-color:#f97316}.auth-tabs button:hover{border-color:#f97316}.auth-card .form-group{margin-bottom:14px}.auth-card label{color:#475569;font-size:13px;font-weight:500}.auth-card input,.auth-card select{border-radius:12px;height:45px}.auth-options{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 18px;display:flex}.auth-options label{color:#475569;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.auth-options input[type=checkbox]{accent-color:#2563eb}.auth-options a,.auth-link a{color:#f97316;font-size:14px;font-weight:500;text-decoration:none}.auth-options a:hover,.auth-link a:hover{text-decoration:underline}.auth-password-field{position:relative}.auth-password-field .form-group{margin-bottom:14px}.auth-password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:34px;right:12px}.auth-password-toggle:hover{color:#f97316}.auth-card button[type=submit]{border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;height:46px;margin-top:4px;font-size:14px;font-weight:500;display:flex;color:#fff!important;background:#f97316!important;border:1px solid #f97316!important}.auth-card button[type=submit] svg{color:#fff}.auth-card button[type=submit]:hover{background:#ea580c!important;border-color:#ea580c!important}.auth-link{text-align:center;color:#64748b;margin-top:18px;font-size:14px}.auth-link a{align-items:center;gap:6px;display:inline-flex}.auth-footer{text-align:center;color:#94a3b8;margin-top:20px;font-size:12.5px}.auth-success-box{text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;margin-bottom:18px;padding:18px}.auth-success-box svg{color:#16a34a}.auth-success-box h3{color:#111827;margin:10px 0 6px;font-size:18px;font-weight:500}.auth-success-box p{color:#64748b;margin:0;font-size:14px;line-height:1.5}.auth-feature-list{flex-direction:column;gap:12px;margin-top:26px;display:flex}.auth-feature-list>div{color:#374151;align-items:center;gap:10px;font-size:15px;display:flex}.auth-feature-list svg{color:#16a34a;flex-shrink:0}@media (width<=1000px){.auth-shell{grid-template-columns:1fr;max-width:500px}.auth-brand-panel{display:none}}@media (width<=600px){.auth-page{align-items:flex-start;padding:16px}.auth-card{border-radius:20px;margin-top:18px;padding:24px 20px}.auth-logo{border-radius:18px;width:68px;height:68px}.auth-logo img{width:52px;height:52px}.auth-card h2{font-size:23px}.auth-card>p{margin-bottom:20px;font-size:13.5px}.auth-tabs{grid-template-columns:1fr;gap:8px}.auth-tabs button{height:42px}.auth-options{flex-direction:column;align-items:flex-start;gap:8px}.auth-card button[type=submit]{height:45px}}.auth-card-badge{color:#16a34a;background:#ecfdf5;border:1px solid #bbf7d0}.auth-card-badge svg{color:#16a34a}.access-denied-page{background:#fff7ed;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.access-denied-card{text-align:center;background:#fff;border:1px solid #fed7aa;border-radius:24px;width:100%;max-width:430px;padding:36px;box-shadow:0 18px 40px #0f172a14}.access-denied-icon{color:#f97316;background:#fff7ed;border-radius:22px;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 20px;display:flex}.access-denied-card h1{color:#111827;margin:0}.access-denied-card p{color:#6b7280;margin:14px 0 24px;line-height:1.6}.subscription-lock-page{background:linear-gradient(135deg,#fff7ed 0%,#fff 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.subscription-lock-card{text-align:center;background:#fff;border:1px solid #fed7aa;border-radius:24px;width:560px;max-width:100%;padding:42px;box-shadow:0 18px 45px #0f172a14}.subscription-lock-icon{color:#f97316;background:#fff7ed;border:1px solid #fed7aa;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 18px;display:flex}.subscription-lock-badge{color:#ea580c;background:#ffedd5;border-radius:999px;align-items:center;gap:6px;margin-bottom:18px;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex}.subscription-lock-card h1{color:#111827;margin:0;font-size:30px;font-weight:600}.subscription-lock-card p{color:#6b7280;max-width:420px;margin:14px auto 26px;font-size:15px;line-height:1.7}.subscription-lock-features{gap:12px;margin-bottom:30px;display:grid}.subscription-lock-features div{color:#374151;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:10px;padding:13px 16px;font-size:14px;display:flex}.subscription-lock-features svg{color:#16a34a;flex-shrink:0}.subscription-lock-actions{justify-content:center;display:flex}.subscription-lock-actions button{border-radius:14px;min-width:240px;height:48px}.subscription-lock-card small{color:#94a3b8;margin-top:18px;font-size:13px;line-height:1.6;display:block}@media (width<=768px){.subscription-lock-page{padding:18px}.subscription-lock-card{border-radius:20px;padding:28px 22px}.subscription-lock-icon{width:72px;height:72px}.subscription-lock-card h1{font-size:24px}.subscription-lock-card p{font-size:14px}.subscription-lock-actions button{width:100%}}.subscription-lock-actions button{color:#fff!important;background:#f97316!important;border:1px solid #f97316!important}.subscription-lock-actions button svg,.subscription-lock-actions button span{color:#fff!important}.subscription-lock-actions button:hover{background:#ea580c!important;border-color:#ea580c!important}.help-page{color:#334155;padding:24px}.help-hero{background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid #fed7aa;border-radius:24px;margin-bottom:24px;padding:28px}.help-badge{color:#ea580c;background:#ffedd5;border-radius:999px;align-items:center;gap:7px;margin-bottom:14px;padding:8px 12px;font-size:13px;font-weight:500;display:inline-flex}.help-hero h1{letter-spacing:-.2px;color:#111827;margin:0;font-size:30px;font-weight:600}.help-hero p{color:#6b7280;margin:8px 0 0;font-weight:400}.help-main-grid{grid-template-columns:1fr 360px;gap:22px;display:grid}.help-left,.help-right{flex-direction:column;gap:18px;display:flex}.help-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:22px;box-shadow:0 8px 24px #0f172a0a}.help-section-title{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.help-section-title>svg{border-radius:12px;flex-shrink:0;width:38px;height:38px;margin-top:0;padding:9px}.help-left .help-card:first-child .help-section-title>svg{color:#2563eb;background:#eff6ff}.help-left .help-card:nth-child(2) .help-section-title>svg{color:#7c3aed;background:#f5f3ff}.help-right .help-card:first-child .help-section-title>svg{color:#f97316;background:#fff7ed}.help-right .help-card:nth-child(2) .help-section-title>svg{color:#16a34a;background:#ecfdf5}.help-section-title h2{letter-spacing:-.2px;color:#111827;margin:0;font-size:19px;font-weight:600}.help-section-title p{color:#6b7280;margin:5px 0 0;font-size:13px;font-weight:400}.getting-steps{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.getting-step{background:#fff;border:1px solid #eef2f7;border-radius:16px;gap:12px;padding:14px;display:flex}.step-icon{border-radius:14px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.getting-step:first-child .step-icon{color:#2563eb;background:#eff6ff}.getting-step:nth-child(2) .step-icon{color:#16a34a;background:#ecfdf5}.getting-step:nth-child(3) .step-icon{color:#7c3aed;background:#f5f3ff}.getting-step:nth-child(4) .step-icon{color:#f97316;background:#fff7ed}.getting-step:nth-child(5) .step-icon{color:#0891b2;background:#ecfeff}.getting-step:nth-child(6) .step-icon{color:#dc2626;background:#fef2f2}.getting-step:nth-child(7) .step-icon{color:#4f46e5;background:#eef2ff}.getting-step span{color:#ea580c;font-size:12px;font-weight:600}.getting-step h3{letter-spacing:-.1px;color:#111827;margin:3px 0 4px;font-size:15px;font-weight:500}.getting-step p,.guide-item p{color:#6b7280;margin:0;font-size:13px;font-weight:400;line-height:1.5}.guide-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.guide-item{background:#f9fafb;border:1px solid #eef2f7;border-radius:16px;padding:15px}.guide-item h3{color:#111827;letter-spacing:-.1px;margin:0 0 6px;font-size:15px;font-weight:500}.faq-list,.contact-list,.policy-list,.release-list{flex-direction:column;gap:10px;display:flex}.faq-item{background:#fff;border:1px solid #eef2f7;border-radius:16px;overflow:hidden}.faq-item button{cursor:pointer;color:#111827;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px;font-size:15px;display:flex}.faq-item button span{font-weight:500}.faq-item svg{color:#6b7280;transition:all .2s}.faq-item.open svg{color:#7c3aed;transform:rotate(180deg)}.faq-item p{color:#6b7280;margin:0;padding:0 16px 16px;font-size:14px;font-weight:400;line-height:1.6}.contact-list a,.contact-static,.policy-list button,.release-list div{color:#374151;background:#fff;border:1px solid #eef2f7;border-radius:14px;align-items:center;gap:10px;min-height:42px;padding:10px 12px;font-size:14px;font-weight:400;text-decoration:none;display:flex}.policy-list button{cursor:pointer}.contact-list a:hover,.policy-list button:hover{background:#f8fafc;border-color:#dfe6ef}.release-list div svg{color:#16a34a;background:#ecfdf5;border-radius:50%;flex-shrink:0;width:28px;height:28px;padding:6px}.about-help-card{color:#fff;background:#111827;align-items:flex-start;gap:14px;display:flex}.about-help-card svg{color:#f97316}.about-help-card h2{letter-spacing:-.2px;margin:0;font-size:18px;font-weight:600}.about-help-card p{color:#d1d5db;margin:6px 0 10px;font-size:14px;font-weight:400}.about-help-card strong,.about-help-card small{color:#fdba74;margin-top:4px;font-size:13px;font-weight:400;display:block}.policy-accordion{flex-direction:column;gap:10px;display:flex}.policy-accordion-item{background:#fff;border:1px solid #eef2f7;border-radius:16px;overflow:hidden}.policy-accordion-item button{cursor:pointer;color:#111827;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:14px;font-size:14px;display:flex}.policy-accordion-item button span{align-items:center;gap:10px;font-weight:500;display:flex}.policy-accordion-item button span svg{border-radius:10px;flex-shrink:0;width:34px;height:34px;padding:8px}.policy-accordion-item:first-child button span svg{color:#f97316;background:#fff7ed}.policy-accordion-item:nth-child(2) button span svg{color:#2563eb;background:#eff6ff}.policy-accordion-item:nth-child(3) button span svg{color:#7c3aed;background:#f5f3ff}.policy-accordion-item:nth-child(4) button span svg{color:#16a34a;background:#ecfdf5}.policy-accordion-item>button>svg{color:#6b7280;transition:all .2s}.policy-accordion-item.open>button>svg{color:#f97316;transform:rotate(180deg)}.policy-accordion-item p{color:#6b7280;margin:0;padding:0 14px 14px;font-size:13px;font-weight:400;line-height:1.6}.policy-points{color:#6b7280;margin:0;padding:0 18px 16px 50px;font-size:13px;font-weight:400;line-height:1.7}.policy-points li{margin-bottom:6px}.help-section-title>svg,.step-icon,.policy-accordion-item button span svg,.release-list div svg{transition:all .22s}.getting-step:hover .step-icon,.policy-accordion-item:hover button span svg,.release-list div:hover svg{transform:translateY(-1px)}@media (width<=1100px){.help-main-grid{grid-template-columns:1fr}}@media (width<=720px){.help-page{padding:16px}.help-hero{border-radius:20px;padding:22px}.help-hero h1{font-size:24px}.getting-steps,.guide-grid{grid-template-columns:1fr}.help-card{border-radius:18px;padding:18px}}:root{--primary:#f97316;--primary-dark:#ea580c;--primary-light:#ffedd5;--sidebar-bg:#111827;--sidebar-hover:#1f2937;--sidebar-active:#f97316;--bg:#f8fafc;--card-bg:#fff;--text:#0f172a;--muted:#64748b;--border:#e5e7eb;--success:#16a34a;--warning:#f59e0b;--danger:#dc2626;--info:#2563eb;--radius:14px;--shadow:0 10px 25px #0f172a14;--sidebar-width:260px;--header-height:68px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.page{padding:24px}.dashboard-page button,.boq-page button,.labour-page button,.materials-page button,.material-page button,.equipment-page button,.expenses-page button,.dpr-page button,.settings-page button,.users-page button,.reports-page button{font-weight:500}.employees-page h1,.employees-page h2{letter-spacing:-.2px;font-weight:600}.employees-page h3,.employees-page h4,.employees-page strong{font-weight:500}.employees-page p,.employees-page span,.employees-page small,.employees-page label,.employees-page td,.employees-page li,.employees-page button,.employees-page input,.employees-page select,.employees-page textarea{font-weight:400}.employees-page button{font-weight:500}.subscription-page h1,.subscription-page h2,.subscriptions-page h1,.subscriptions-page h2{letter-spacing:-.2px;font-weight:600}.subscription-page h3,.subscription-page h4,.subscription-page strong,.subscriptions-page h3,.subscriptions-page h4,.subscriptions-page strong{font-weight:500}.subscription-page p,.subscription-page span,.subscription-page small,.subscription-page label,.subscription-page td,.subscription-page li,.subscription-page button,.subscription-page input,.subscription-page select,.subscription-page textarea,.subscriptions-page p,.subscriptions-page span,.subscriptions-page small,.subscriptions-page label,.subscriptions-page td,.subscriptions-page li,.subscriptions-page button,.subscriptions-page input,.subscriptions-page select,.subscriptions-page textarea{font-weight:400}.subscription-page button,.subscriptions-page button{font-weight:500}.subscription-lock-page h1,.subscription-lock-page h2,.subscription-lock h1,.subscription-lock h2{letter-spacing:-.2px;font-weight:600}.subscription-lock-page h3,.subscription-lock-page h4,.subscription-lock-page strong,.subscription-lock h3,.subscription-lock h4,.subscription-lock strong{font-weight:500}.subscription-lock-page p,.subscription-lock-page span,.subscription-lock-page small,.subscription-lock-page label,.subscription-lock-page li,.subscription-lock-page button,.subscription-lock p,.subscription-lock span,.subscription-lock small,.subscription-lock label,.subscription-lock li,.subscription-lock button{font-weight:400}.subscription-lock-page button,.subscription-lock button{font-weight:500}.auth-page h1,.auth-page h2,.login-page h1,.login-page h2,.register-page h1,.register-page h2{letter-spacing:-.2px;font-weight:600}.auth-page h3,.auth-page h4,.auth-page strong,.login-page h3,.login-page h4,.login-page strong,.register-page h3,.register-page h4,.register-page strong{font-weight:500}.auth-page p,.auth-page span,.auth-page small,.auth-page label,.auth-page button,.auth-page input,.auth-page select,.auth-page textarea,.login-page p,.login-page span,.login-page small,.login-page label,.login-page button,.login-page input,.login-page select,.login-page textarea,.register-page p,.register-page span,.register-page small,.register-page label,.register-page button,.register-page input,.register-page select,.register-page textarea{font-weight:400}.auth-page button,.login-page button,.register-page button{font-weight:500}.access-denied-page h1,.access-denied-page h2,.access-denied h1,.access-denied h2{letter-spacing:-.2px;font-weight:600}.access-denied-page h3,.access-denied-page h4,.access-denied-page strong,.access-denied h3,.access-denied h4,.access-denied strong{font-weight:500}.access-denied-page p,.access-denied-page span,.access-denied-page small,.access-denied-page label,.access-denied-page li,.access-denied-page button,.access-denied p,.access-denied span,.access-denied small,.access-denied label,.access-denied li,.access-denied button{font-weight:400}.access-denied-page button,.access-denied button{font-weight:500}@media (width<=1200px){.dashboard-stats,.stats-grid,.cards-grid{grid-template-columns:repeat(2,1fr)!important}.help-main-grid,.report-grid{grid-template-columns:1fr!important}}@media (width<=992px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-actions{flex-wrap:wrap;gap:10px;width:100%;display:flex}.dashboard-stats{grid-template-columns:repeat(2,1fr)!important}.dashboard-grid,.form-grid{grid-template-columns:1fr!important}.modal-xl,.modal-lg{width:95%!important}.report-table{overflow-x:auto}.report-table table{min-width:900px}}@media (width<=768px){body{font-size:14px}.page-content,.page-container,.dashboard-page,.help-page{padding:16px!important}.page-header{flex-direction:column;align-items:flex-start;gap:14px}.page-header h1{font-size:24px}.page-actions{flex-direction:column;width:100%;display:flex}.page-actions button{width:100%}.dashboard-stats{gap:14px;grid-template-columns:1fr!important}.dashboard-grid,.getting-steps,.guide-grid{grid-template-columns:1fr!important}.card,.help-card{padding:18px!important}.form-grid{grid-template-columns:1fr!important}input,select,textarea{font-size:16px}button{min-height:44px}.table-wrapper{overflow-x:auto}.table-wrapper table{min-width:900px}.table-responsive{overflow-x:auto}.table-responsive table{min-width:850px}.modal{max-height:90vh;width:96%!important}.modal-body{max-height:70vh;overflow-y:auto}img{max-width:100%;height:auto}}@media (width<=576px){.page-header h1{font-size:21px}.help-hero{padding:20px!important}.help-hero h1{font-size:22px!important}.help-section-title h2{font-size:18px!important}.stat-card{padding:18px}.stat-card h2{font-size:26px}.quick-actions,.project-info{grid-template-columns:1fr!important}.project-overview-body{display:block!important}.report-summary{grid-template-columns:1fr!important}}@media (width<=992px){.nhq-sidebar{z-index:9999;height:100vh;transition:all .3s;position:fixed;top:0;left:-280px}.nhq-sidebar.open{left:0}}@media (width<=768px){.admin-header{padding:0 14px}.header-search{display:none}.header-right{gap:10px}}.table-wrapper,.report-table,.employee-table,.material-table,.equipment-table,.project-table,.user-table,.expense-table{overflow-x:auto}.table-wrapper table,.report-table table,.employee-table table,.material-table table,.equipment-table table,.project-table table,.user-table table,.expense-table table{min-width:900px}*{-webkit-tap-highlight-color:transparent}button,.card,.help-card{transition:all .25s}button:active{transform:scale(.98)}
