.company-item-list-page{max-width:1180px}.item-list-card{background:linear-gradient(145deg,#162033fa,#0f172afc);border:1px solid #ffffff14;border-radius:22px;margin-bottom:22px;padding:22px;box-shadow:0 18px 40px #00000059,inset 0 1px #ffffff08}.item-list-label{color:#fff;margin-bottom:10px;font-size:15px;font-weight:800;display:block}.item-list-select{color:#fff;background:#081226;border:1px solid #60a5fa38;border-radius:14px;width:100%;height:52px;padding:0 16px;font-size:15px}.item-list-topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.item-list-topbar h3{color:#fff;margin:0;font-size:22px}.item-list-topbar p{color:#94a3b8;margin-top:6px}.item-add-btn,.item-save-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:14px;padding:12px 18px;font-weight:800;transition:all .18s;box-shadow:0 10px 24px #f9731638}.item-add-btn:hover,.item-save-btn:hover{transform:translateY(-1px);box-shadow:0 16px 30px #f9731647}.item-list-grid{flex-direction:column;gap:12px;display:flex}.item-row-card{background:linear-gradient(145deg,#111827f2,#0f172afa);border:1px solid #ffffff12;border-radius:18px;grid-template-columns:1fr auto;gap:12px;padding:14px;transition:all .18s;display:grid}.item-row-card:hover{border-color:#60a5fa59;transform:translateY(-1px)}.item-row-main{grid-template-columns:2fr 1fr 1fr auto;align-items:center;gap:12px;display:grid}.item-row-main input,.item-row-main select{color:#fff;background:#081226;border:1px solid #ffffff14;border-radius:12px;width:100%;height:42px;margin:0;padding:0 14px;font-size:14px}.item-row-main input:focus,.item-row-main select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f62e}.item-name-input{font-weight:800}.item-active-toggle{color:#fff;white-space:nowrap;align-items:center;gap:8px;font-weight:700;display:flex}.item-active-toggle input{accent-color:#a855f7;width:16px;height:16px}.item-remove-btn{cursor:pointer;color:#f87171;background:#7f1d1d2e;border:1px solid #ef444473;border-radius:12px;padding:10px 14px;font-weight:800;transition:all .18s}.item-remove-btn:hover{background:#7f1d1d47;border-color:#ef4444bf}.empty-item-list{color:#94a3b8;background:#ffffff08;border:1px dashed #ffffff1f;border-radius:18px;padding:22px}.item-list-message{color:#93c5fd;background:#3b82f624;border:1px solid #60a5fa2e;border-radius:14px;margin-top:14px;padding:14px 16px;font-weight:700}.item-save-bar{justify-content:flex-end;margin-top:22px;display:flex}.item-save-btn{min-width:220px}.item-save-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=900px){.item-list-topbar{flex-direction:column;align-items:stretch}.item-row-card,.item-row-main{grid-template-columns:1fr}.item-remove-btn,.item-add-btn,.item-save-btn{width:100%}.item-save-bar{justify-content:stretch}}.onboarding-page{background:radial-gradient(circle at top,#1e3a8a 0%,#0f172a 45%),#0f172a;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.onboarding-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172aeb;border:1px solid #ffffff14;border-radius:28px;width:100%;max-width:720px;padding:36px;box-shadow:0 20px 60px #00000073}.onboarding-header{margin-bottom:28px}.onboarding-header h1{color:#fff;margin:0 0 10px;font-size:38px;font-weight:800}.onboarding-header p{color:#94a3b8;margin:0;line-height:1.6}.onboarding-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.onboarding-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;padding:20px}.onboarding-section h3{color:#fff;margin-top:0;margin-bottom:14px}.onboarding-section p{color:#94a3b8;margin:0;line-height:1.5}.onboarding-actions{justify-content:flex-end;gap:14px;margin-top:28px;display:flex}.onboarding-actions button{min-width:150px}@media (width<=768px){.onboarding-card{padding:24px}.onboarding-grid{grid-template-columns:1fr}.onboarding-header h1{font-size:30px}.onboarding-actions{flex-direction:column}.onboarding-actions button{width:100%}}*{box-sizing:border-box}body{color:#fff;background:#0f172a;margin:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.app{max-width:1180px;min-height:100vh;margin:auto;padding:16px}.page{width:100%;padding:24px}h1,h2,h3,h4{color:#fff}h1{margin:0;font-size:42px}h2{margin:10px 0 8px;font-size:34px}p{color:#cbd5e1}hr{border:none;border-top:1px solid #334155;margin:18px 0}.card,.log-box,.settings-card,.database-card,.stat-card{background:#111827;border:1px solid #1f2937;border-radius:18px;padding:20px;box-shadow:0 10px 30px #00000038}.empty-text,.muted-text,.field-note{color:#94a3b8}.empty-state-card,.empty-photo-box{text-align:center;background:#ffffff08;border:1px dashed #ffffff29;border-radius:20px;padding:34px}.status-pill{text-transform:uppercase;border-radius:999px;width:fit-content;padding:8px 14px;font-size:13px;font-weight:800;box-shadow:none!important}.status-pill.job-active,.job-active.status-pill{color:#4ade80;background:#22c55e26;border:1px solid #22c55e}.status-pill.job-pending,.job-pending.status-pill{color:#facc15;background:#eab30826;border:1px solid #eab308}.status-pill.job-completed,.job-completed.status-pill{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f6}.status-pill.job-on-hold,.job-on-hold.status-pill{color:#f87171;background:#ef444426;border:1px solid #ef4444}.job-pending{border-color:#facc15}.job-active{border-color:#3b82f6}.job-completed{border-color:#22c55e}.job-on-hold{border-color:#ef4444}.install-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.install-card{text-align:center;background:#111827;border:1px solid #60a5fa40;border-radius:28px;width:100%;max-width:420px;padding:28px}.install-logo{border-radius:24px;width:96px;height:96px;margin-bottom:18px}.install-card h1{margin-bottom:10px}.install-card p{color:#cbd5e1}.install-help{background:#0f172acc;border-radius:18px;margin:20px 0;padding:16px}.login-logo{width:96px;max-width:40%;margin:0 auto 12px;display:block}.fixed-pin-keypad{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;display:grid!important}.fixed-pin-keypad button{border-radius:14px;width:100%;min-height:54px}.utility-login-card{max-width:430px}.utility-install-card{text-align:center;max-width:460px}.install-features{opacity:.9;flex-direction:column;gap:12px;margin:24px 0;display:flex}.install-features div{background:#ffffff0a;border-radius:12px;padding:10px}.install-primary-btn{width:100%;margin-top:12px}.login-version{opacity:.6;margin-top:20px;font-size:.85rem}.app-header,header{background:#111827;border-bottom:1px solid #1f2937;position:static!important;top:auto!important}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;display:flex}.topbar-left,.topbar-right{align-items:center;display:flex}.topbar-center{text-align:center;flex:1;min-width:220px}.topbar-company{margin:0;font-size:28px;font-weight:800}.topbar-user,.logged-in-user{color:#94a3b8;margin-top:4px;font-size:14px}.topbar-logo,.brand-logo{object-fit:contain;background:#1e293b;border-radius:14px;width:60px;height:60px;padding:6px}.brand-area{align-items:center;gap:14px;display:flex}.brand-area h1{margin:0;font-size:30px;line-height:1}.nav{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;padding:14px 20px 20px;display:flex;position:static!important;top:auto!important}.nav a{text-decoration:none}.nav-button{color:#dbeafe;cursor:pointer;background:#1e293b;border:1px solid #60a5fa40;border-radius:12px;min-width:135px;height:44px;padding:0 18px;font-weight:800;transition:all .2s}.nav-button:hover,.active-nav{color:#fff;background:#2563eb;border-color:#60a5fa}.viewer-badge{color:#fde68a;background:#eab30824;border:1px solid #eab30866;border-radius:999px;align-items:center;padding:0 14px;font-size:13px;font-weight:800;display:flex}button,.primary-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;padding:12px 18px;font-size:16px;font-weight:700;transition:all .2s}button:hover,.primary-button:hover{opacity:.94;transform:translateY(-1px)}form button{width:100%}.danger-button{color:#fff;background:#dc2626!important}.danger-button:hover{background:#b91c1c!important}.secondary-button,.clear-button{color:#fff;background:#334155}.pdf-button{color:#fff;background:#16a34a}.pdf-button:hover{background:#15803d}.edit-top-button,.small-button{color:#fff;background:#2563eb;border:none;border-radius:12px;padding:10px 16px;font-weight:700}.button-row,.page-actions,.database-actions,.user-actions,.invite-actions,.job-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.button-row a,.page-actions a{display:inline-flex}.button-row button,.page-actions button{min-width:120px}input,select,textarea{color:#fff;box-sizing:border-box;background:#0f172a;border:1px solid #334155;border-radius:12px;width:100%;margin-bottom:14px;padding:12px 14px;font-size:16px}textarea{min-height:110px}input:focus,select:focus,textarea:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 3px #3b82f633}.disabled-input{opacity:.7;cursor:not-allowed;background:#1e293b}.field-note{margin-top:6px;margin-bottom:14px;font-size:13px}.form-section{background:#0f172a;border:1px solid #334155;border-radius:16px;margin-bottom:18px;padding:18px}.form-section h3{margin-top:0;margin-bottom:12px}.form-grid{gap:12px;display:grid}.search-input{color:#fff;background:#152238;border:1px solid #60a5fa2e;border-radius:14px;min-width:320px;padding:14px 16px;font-size:15px}.compact-search{height:46px;margin-bottom:0}.job-status-dropdown{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #ffffff14;border-radius:12px;min-width:220px;height:40px;padding:10px 14px;font-size:14px;font-weight:700}.modern-section{background:#18253c;border:1px solid #ffffff14;border-radius:20px;margin-bottom:20px;padding:22px}.section-toggle{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;font-size:20px;font-weight:700;display:flex}.section-toggle span:last-child{color:#60a5fa;font-size:28px}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.metric-card{background:linear-gradient(135deg,#1e293bf2,#0f172afa);border:1px solid #ffffff14;border-radius:18px;padding:18px;transition:all .2s}.metric-card:hover{border-color:#60a5fa66;transform:translateY(-2px)}.metric-card label{color:#93c5fd;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:13px;font-weight:700;display:block}.metric-card input,.metric-card select{margin-bottom:0}.metric-highlight{background:linear-gradient(135deg,#2563eb2e,#0f172a);border:1px solid #3b82f659}.sticky-save-bar{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172aeb;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-top:28px;padding:14px 18px;display:flex;position:sticky;bottom:16px;box-shadow:0 12px 30px #00000059}.sticky-save-info h4{margin:0 0 4px}.sticky-save-info p{color:#94a3b8;margin:0;font-size:14px}.sticky-save-bar button{min-width:220px}.photo-upload-box{background:linear-gradient(135deg,#1e293bd9,#0f172af2);border:1px solid #ffffff14;border-radius:18px;padding:18px}.photo-tag{background:#ffffff14;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}@media (width<=768px){.modern-section{padding:18px}.section-toggle{font-size:18px}.metric-grid{grid-template-columns:1fr}.sticky-save-bar{flex-direction:column;align-items:stretch}.sticky-save-bar button{width:100%}}.segment-section{flex-direction:column;gap:28px;display:flex}.segment-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.segment-header h3{margin:0;font-size:20px;font-weight:800}.segment-header button{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;width:auto;padding:10px 16px;font-weight:700}.segment-card{background:linear-gradient(135deg,#1e293bf5,#0f172afa);border:1px solid #ffffff14;border-radius:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;padding:18px;transition:all .2s;display:grid;position:relative}.segment-card:hover{border-color:#60a5fa4d;transform:translateY(-2px)}.segment-card input{margin-bottom:0}.segment-card .danger-button{align-self:end;width:auto;min-width:120px}.segment-summary-bar{background:linear-gradient(135deg,#2563eb2e,#0f172a);border:1px solid #3b82f640;border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:18px;display:grid}.segment-summary-item{flex-direction:column;gap:4px;display:flex}.segment-summary-item span{text-transform:uppercase;letter-spacing:1px;color:#93c5fd;font-size:12px;font-weight:700}.segment-summary-item strong{font-size:28px;font-weight:800}.report-save-footer{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172af2;border:1px solid #ffffff14;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding:18px 22px;display:flex;position:sticky;bottom:16px;box-shadow:0 14px 40px #00000073}.report-save-footer h3{margin:0 0 4px}.report-save-footer p{color:#94a3b8;margin:0;font-size:14px}.report-save-footer button{width:auto;min-width:240px}.notes-box textarea{background:#0f172af2;border:1px solid #ffffff14;border-radius:18px;min-height:180px;padding:18px;font-size:15px;line-height:1.6}@media (width<=768px){.segment-header{flex-direction:column;align-items:stretch;gap:12px}.segment-header button{width:100%}.segment-card{grid-template-columns:1fr}.segment-card .danger-button{width:100%}.report-save-footer{flex-direction:column;align-items:stretch}.report-save-footer button{width:100%}}.modern-section .form-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:18px 14px;display:grid}.modern-section .input-group{flex-direction:column;gap:6px;display:flex}.modern-section .input-group label{color:#fff;font-size:15px;font-weight:800}.modern-section .input-group input,.modern-section .input-group select{margin-bottom:0}.modern-section .field-note{color:#93c5fd;margin:4px 0 0;font-size:12px}.modern-section .segment-card{grid-template-columns:1.2fr 1fr auto;align-items:center}.modern-section .segment-card select,.modern-section .segment-card input{margin-bottom:0}.modern-section .segment-card .danger-button{min-width:140px;height:42px}@media (width<=768px){.modern-section .form-grid,.modern-section .segment-card{grid-template-columns:1fr}.modern-section .segment-card .danger-button{width:100%}}.dashboard-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex}.dashboard-header-row h2{margin-bottom:4px}.search-area{flex-wrap:wrap;align-items:center;gap:10px;width:100%;max-width:520px;margin-top:8px;display:flex}.search-button{color:#fff;background:#2563eb;height:46px;padding:0 22px;font-size:16px}.filter-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;margin-bottom:22px;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-row button{color:#dbeafe;background:#1e293b;border:1px solid #0000;border-radius:10px;min-width:92px;padding:10px 18px;font-weight:700;transition:all .2s}.filter-row button:hover{opacity:.92;transform:translateY(-1px)}.filter-active,.filter-all{border-color:#2563eb;color:#fff!important;background:#2563eb!important}.filter-pending{color:#fff;background:#f59e0b;border-color:#f59e0b}.filter-active-status{color:#fff;background:#16a34a;border-color:#16a34a}.filter-completed{color:#e2e8f0;background:#1e293b;border-color:#334155}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:20px;display:grid}.stat-card{background:linear-gradient(135deg,#111827,#172033);border:1px solid #ffffff0f;border-radius:18px;flex-direction:column;gap:8px;padding:18px;transition:all .2s;display:flex}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000047}.stat-card span{color:#9fb2cc;font-size:14px;font-weight:600}.stat-card strong,.stat-card h3{margin:0 0 10px;font-size:36px;line-height:1}.stat-card p{color:#93c5fd;margin:0;font-weight:700}.stat-active-card,.stat-active{border-color:#22c55e73}.stat-pending-card,.stat-pending{border-color:#eab308b3}.stat-completed-card,.stat-completed{border-color:#3b82f6b3}.stat-production-card{border-color:#6366f159}.stat-report-card{border-color:#94a3b84d}.job-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.job-row{cursor:default;background:#0d1628;border:1px solid #1e2d45;border-radius:18px;flex-direction:column;gap:14px;padding:16px;transition:all .15s;display:flex}.job-row:hover{border-color:#2d4a72;box-shadow:0 4px 20px #0000004d}.job-row-left{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.job-main-info h3{color:#f1f5f9;margin:0 0 6px;font-size:18px;font-weight:800;line-height:1.2}.job-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.job-meta span{color:#475569}.status-pill{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:999px;flex-shrink:0;width:fit-content;padding:5px 11px;font-size:11px;font-weight:900}.job-row-right{flex-direction:column;gap:10px;display:flex}.job-top-right{justify-content:space-between;align-items:center;gap:10px;display:flex}.report-count{color:#64748b;white-space:nowrap;background:#111f35;border:1px solid #1e2d45;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800}.job-status-dropdown{color:#e2e8f0;cursor:pointer;background:#111f35;border:1px solid #1e2d45;border-radius:10px;min-width:160px;padding:8px 12px;font-size:13px;font-weight:700}.job-actions a{display:contents}.job-actions .small-button,.job-actions .danger-button{border-radius:10px;justify-content:center;align-items:center;width:100%;height:40px;padding:0 12px;font-size:13px;font-weight:700;display:flex}.filter-toolbar{flex-direction:column;gap:10px;margin-top:16px;display:flex}.filter-row{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.filter-row button{color:#64748b;cursor:pointer;background:#0d1628;border:1px solid #1e2d45;border-radius:10px;width:100%;height:42px;font-size:13px;font-weight:800;transition:all .15s}.filter-row button:hover{color:#94a3b8;border-color:#2d4a72}.filter-active{color:#f1f5f9!important;background:#18253c!important;border-color:#2563eb!important}.filter-all.filter-active{color:#60a5fa!important;border-color:#60a5fa!important}.filter-pending.filter-active{color:#facc15!important;border-color:#facc15!important}.filter-active-status.filter-active{color:#4ade80!important;border-color:#4ade80!important}.filter-completed.filter-active{color:#60a5fa!important;border-color:#60a5fa!important}.clear-button{color:#475569;cursor:pointer;background:0 0;border:1px solid #1e2d45;border-radius:10px;width:100%;height:40px;font-size:13px;font-weight:700;transition:all .15s}.clear-button:hover{color:#94a3b8;border-color:#2d4a72}.dashboard-header-row{flex-direction:column;gap:12px;margin-bottom:4px;display:flex}.dashboard-header-row h2{color:#f1f5f9;margin:0 0 2px;font-size:26px;font-weight:900}.search-area{width:100%}.search-input{color:#e2e8f0;box-sizing:border-box;background:#0d1628;border:1px solid #1e2d45;border-radius:12px;width:100%;padding:12px 16px;font-size:14px;transition:border-color .15s}.search-input:focus{border-color:#2563eb;outline:none}.search-input::placeholder{color:#334155}.cards{grid-template-columns:1fr;gap:12px;margin-top:16px;display:grid}.wo-create-row{margin-top:14px}.wo-create-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 20px;font-size:15px;font-weight:800;transition:background .15s,transform .1s;display:flex}.wo-create-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.wo-list-subtitle{color:#475569;margin:2px 0 0;font-size:14px}.filter-count{background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;margin-left:4px;padding:1px 7px;font-size:11px;font-weight:900;display:inline-flex}.empty-text{text-align:center;color:#475569;padding:40px 0;font-size:15px}@media (width>=769px) and (width<=1024px){.job-row{flex-direction:row;align-items:center;gap:16px;padding:18px 20px}.job-row-left{flex-direction:column;flex:1;align-items:flex-start;gap:8px}.job-main-info h3{font-size:20px}.job-row-right{flex-direction:column;align-items:flex-end;min-width:240px}.job-top-right{justify-content:flex-end}.job-actions{grid-template-columns:repeat(2,1fr);min-width:240px}.filter-toolbar{flex-direction:row;justify-content:space-between;align-items:center}.filter-row{flex:1;gap:8px;display:flex}.filter-row button{flex:1}.clear-button{white-space:nowrap;width:auto;padding:0 20px}.dashboard-header-row{flex-direction:row;justify-content:space-between;align-items:center}.search-area{max-width:360px}.cards{grid-template-columns:repeat(2,1fr)}}@media (width>=1025px){.job-list{gap:14px;margin-top:20px}.job-row{border-radius:18px;flex-direction:row;align-items:center;gap:20px;padding:18px 22px}.job-row:hover{border-color:#f97316;transform:translateY(-1px);box-shadow:0 0 18px #f973161f}.job-row-left{flex-direction:row;flex:1;align-items:center;gap:16px;min-width:0}.job-main-info h3{font-size:22px}.job-meta{gap:8px;font-size:14px}.job-row-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:10px}.job-top-right{justify-content:flex-end}.job-actions{flex-wrap:nowrap;grid-template-columns:none;gap:8px;width:auto;display:flex}.job-actions .small-button,.job-actions .danger-button{width:auto;min-width:90px;height:40px;padding:0 16px}.status-pill{margin-top:0}.filter-toolbar{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.filter-row{grid-template-columns:none;gap:10px;width:auto;display:flex}.filter-row button{width:auto;min-width:90px;padding:0 20px}.clear-button{white-space:nowrap;width:auto;padding:0 20px}.dashboard-header-row{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:8px}.search-area{max-width:420px}.cards{grid-template-columns:repeat(3,1fr)}.wo-create-row{margin-top:20px}.wo-create-btn{width:auto;display:inline-flex}}@media (width<=768px){.job-actions{grid-template-columns:repeat(2,1fr)}.job-status-dropdown{width:100%;min-width:0}.job-top-right{flex-direction:column;align-items:stretch}}.wo-page{background:#080e1a;flex-direction:column;min-height:100vh;padding-bottom:80px;display:flex}.wo-mobile-header{z-index:100;background:#0d1628;border-bottom:1px solid #1e2d45;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.wo-header-title{color:#f1f5f9;letter-spacing:.2px;font-size:17px;font-weight:800}.wo-header-right{position:relative}.wo-back-btn,.wo-menu-btn{color:#f1f5f9;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex}.wo-back-btn:hover,.wo-menu-btn:hover{background:#ffffff21}.wo-dropdown-menu{z-index:200;background:#111f35;border:1px solid #1e3050;border-radius:14px;min-width:210px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 32px #00000080}.wo-menu-item{color:#e2e8f0;cursor:pointer;align-items:center;gap:10px;padding:14px 18px;font-size:15px;font-weight:600;transition:background .12s;display:flex}.wo-menu-item:hover{background:#ffffff0f}.wo-menu-item.danger{color:#f87171}.wo-dropdown-menu a{color:inherit;text-decoration:none}.wo-desktop-header{display:none}.wo-desktop-header-left{align-items:flex-start;gap:18px;display:flex}.wo-back-btn-desktop{color:#f1f5f9;cursor:pointer;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:6px;margin-top:4px;padding:10px 16px;font-size:14px;font-weight:700;transition:background .15s;display:flex}.wo-back-btn-desktop:hover{background:#ffffff21}.wo-desktop-title{color:#f8fafc;margin:4px 0 2px;font-size:30px;font-weight:900}.wo-desktop-header-actions{align-items:center;gap:10px;display:flex}.wo-action-btn{color:#e2e8f0;cursor:pointer;background:#18253c;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .15s;display:flex}.wo-action-btn:hover{background:#1e2f4a;border-color:#fff3}.wo-desktop-tabs{display:none}.wo-desktop-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 22px;font-size:15px;font-weight:700;transition:all .15s}.wo-desktop-tab:hover{color:#e2e8f0}.wo-desktop-tab-active{color:#60a5fa!important;border-bottom-color:#2563eb!important}.wo-hero-card{background:linear-gradient(135deg,#2563eb2e,#0f172a);border-bottom:1px solid #3b82f633;align-items:flex-start;gap:14px;padding:18px 16px;display:flex}.wo-hero-icon{color:#60a5fa;background:#2563eb40;border:1px solid #3b82f64d;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.wo-hero-info{flex:1;min-width:0}.wo-hero-location{color:#94a3b8;margin:0 0 2px;font-size:13px;font-weight:600}.wo-hero-id{color:#f8fafc;margin:0 0 3px;font-size:26px;font-weight:900;line-height:1.1}.wo-hero-company{color:#64748b;margin:0 0 2px;font-size:13px}.wo-hero-foreman{color:#94a3b8;margin:0;font-size:13px}.wo-summary-strip{background:#0d1628;border-bottom:1px solid #1e2d45;padding:14px 16px}.wo-summary-label{text-transform:uppercase;letter-spacing:.8px;color:#475569;margin:0 0 12px;font-size:12px;font-weight:800}.wo-summary-label span{color:#334155;margin-left:6px;font-weight:600}.wo-summary-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.wo-summary-item{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.wo-summary-item strong{color:#f1f5f9;font-size:22px;font-weight:900;line-height:1}.wo-summary-item span{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.wo-summary-icon{margin-bottom:4px}.reports-icon{color:#60a5fa}.bore-icon-c{color:#a78bfa}.plow-icon-c{color:#4ade80}.backhoe-icon-c{color:#facc15}.cross-icon-c{color:#f472b6}.photo-icon-c{color:#38bdf8}.wo-add-report-row{padding:14px 16px 0}.wo-add-report-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px;font-size:16px;font-weight:800;text-decoration:none;transition:background .15s,transform .1s;display:flex}.wo-add-report-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.wo-quick-actions{padding:18px 16px 0}.wo-quick-label{text-transform:uppercase;letter-spacing:.6px;color:#475569;margin:0 0 12px;font-size:13px;font-weight:800}.wo-quick-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.wo-quick-btn{cursor:pointer;background:#0d1628;border:1px solid #1e2d45;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;transition:all .15s;display:flex}.wo-quick-btn:hover{background:#2563eb1a;border-color:#2563eb}.wo-quick-btn span{color:#94a3b8;text-align:center;font-size:11px;font-weight:700}.wo-quick-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.map-q{color:#4ade80;background:#22c55e26}.report-q{color:#60a5fa;background:#3b82f626}.pdf-q{color:#f87171;background:#ef444426}.photo-q{color:#38bdf8;background:#0ea5e926}.wo-tab-content{flex:1;padding:18px 16px}.wo-desktop-hero-card{display:none}.wo-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.wo-stat-card{background:#0d1628;border:1px solid #1e2d45;border-radius:16px;flex-direction:column;gap:4px;padding:16px;display:flex}.wo-stat-icon{color:#60a5fa;margin-bottom:4px}.wo-stat-card h3{color:#f1f5f9;margin:0;font-size:28px;font-weight:900}.wo-stat-card p{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px;font-weight:700}.wo-reports{flex-direction:column;gap:12px;display:flex}.wo-report-card{background:#0d1628;border:1px solid #1e2d45;border-radius:18px;transition:border-color .15s;overflow:hidden}.wo-report-card:hover{border-color:#2d4a72}.wo-report-header{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 18px;display:flex}.wo-report-header-left{align-items:center;gap:12px;display:flex}.wo-report-cal-icon{color:#60a5fa;background:#2563eb33;border:1px solid #3b82f640;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.wo-report-num{color:#93c5fd;text-transform:uppercase;letter-spacing:.5px;margin:0 0 2px;font-size:13px;font-weight:800}.wo-report-date{color:#e2e8f0;margin:0;font-size:15px;font-weight:700}.wo-report-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.wo-report-chevron{color:#475569;transition:transform .2s}.wo-report-chevron.open{color:#60a5fa;transform:rotate(90deg)}.wo-report-stats{border-top:1px solid #1a2840;grid-template-columns:repeat(4,1fr);gap:0;display:grid}.wo-report-stat{border-right:1px solid #1a2840;flex-direction:column;align-items:center;padding:12px 8px;display:flex}.wo-report-stat:last-child{border-right:none}.wo-report-stat span{text-transform:uppercase;letter-spacing:.4px;color:#475569;margin-bottom:4px;font-size:10px;font-weight:700}.wo-report-stat strong{color:#f1f5f9;font-size:18px;font-weight:900}.wo-report-expanded{border-top:1px solid #1a2840;flex-direction:column;gap:14px;padding:16px 18px;display:flex}.wo-maps{flex-direction:column;gap:20px;display:flex}.wo-maps-section{flex-direction:column;gap:12px;display:flex}.wo-section-heading{color:#f1f5f9;margin:0;font-size:16px;font-weight:800}.wo-location-card{background:#0d1628;border:1px solid #1e2d45;border-radius:16px;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;display:flex}.wo-location-name{color:#f1f5f9;margin:0 0 3px;font-size:17px;font-weight:800}.wo-location-city{color:#64748b;margin:0;font-size:14px}.wo-location-addr{color:#475569;margin:4px 0 0;font-size:13px}.wo-open-maps-link{color:#60a5fa;white-space:nowrap;align-items:center;gap:5px;padding-top:2px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.wo-map-embed{border:1px solid #1e2d45;border-radius:16px;overflow:hidden}.wo-map-actions{flex-direction:column;gap:10px;display:flex}.wo-map-action-btn{color:#e2e8f0;cursor:pointer;background:#0d1628;border:1px solid #1e2d45;border-radius:14px;align-items:center;gap:10px;padding:15px 18px;font-size:15px;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.wo-map-action-btn:hover{background:#2563eb1a;border-color:#2563eb}.wo-map-action-btn.secondary{color:#94a3b8}.wo-staking-card{border:1px solid #1e2d45;border-radius:16px;overflow:hidden}.wo-files{flex-direction:column;gap:22px;display:flex}.wo-files-section{flex-direction:column;gap:12px;display:flex}.wo-files-section-header{justify-content:space-between;align-items:center;display:flex}.wo-files-section-header h3{color:#f1f5f9;margin:0;font-size:16px;font-weight:800}.wo-view-all-btn{color:#60a5fa;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700}.wo-photo-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.wo-photo-thumb{aspect-ratio:1;cursor:pointer;background:#0d1628;border:1px solid #1e2d45;border-radius:12px;overflow:hidden}.wo-photo-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.wo-photo-thumb:hover img{transform:scale(1.05)}.wo-file-list{flex-direction:column;gap:8px;display:flex}.wo-file-row{background:#0d1628;border:1px solid #1e2d45;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.wo-file-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.pdf-file-icon{color:#f87171;background:#ef444426}.attach-file-icon{color:#a5b4fc;background:#6366f126}.wo-file-info{flex:1;min-width:0}.wo-file-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;font-size:14px;font-weight:700;overflow:hidden}.wo-file-meta{color:#475569;margin:0;font-size:12px}.wo-file-action{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:6px;text-decoration:none;transition:color .15s,background .15s;display:flex}.wo-file-action:hover{color:#94a3b8;background:#ffffff0f}.wo-pdf-preview-section{display:none}.wo-bottom-nav{z-index:100;padding:8px 0 max(8px, env(safe-area-inset-bottom));background:#0a1423;border-top:1px solid #1e2d45;display:flex;position:fixed;bottom:0;left:0;right:0}.wo-bottom-tab{color:#475569;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px 4px;font-size:11px;font-weight:700;transition:color .15s;display:flex}.wo-bottom-tab-active{color:#2563eb!important}.wo-bottom-tab-active svg{color:#2563eb}.status-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;width:fit-content;padding:6px 12px;font-size:11px;font-weight:900}.job-completed{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d}.job-active{color:#4ade80;background:#22c55e33;border:1px solid #22c55e4d}.job-pending{color:#facc15;background:#eab30833;border:1px solid #eab3084d}.job-on-hold{color:#f87171;background:#ef444426;border:1px solid #ef444440}.job-page-header{border-bottom:1px solid #ffffff14!important;justify-content:space-between!important;align-items:flex-start!important;gap:24px!important;margin-bottom:22px!important;padding-bottom:24px!important;display:flex!important}.job-tabs{flex-wrap:wrap;gap:12px;display:flex;border-bottom:1px solid #ffffff14!important;margin:0 0 24px!important;padding-bottom:14px!important}.job-tabs button{color:#dbeafe;background:#18253c;border:1px solid #ffffff14;border-radius:12px;min-width:130px;height:50px;padding:12px 18px;font-weight:800}.job-tab-active{color:#fff!important;background:#2563eb!important;border-color:#60a5fa!important}.hero-job-card{background:linear-gradient(135deg,#2563eb2e,#0f172a);border:1px solid #3b82f659;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;padding:34px 38px;display:flex;box-shadow:0 18px 40px #00000052;min-height:175px!important;margin-top:0!important}.hero-job-card h1{margin:6px 0;font-size:42px;line-height:1}.hero-label{color:#93c5fd;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:14px;font-weight:800}.hero-subtitle{color:#cbd5e1;margin:0;font-size:15px}.details-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px;display:grid}.detail-card{min-height:200px;padding:24px}.detail-card h3{margin-top:0;margin-bottom:20px}.detail-list{flex-direction:column;gap:18px;display:flex}.detail-list div{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:14px;padding-bottom:12px;display:flex}.detail-list div:last-child{border-bottom:none;padding-bottom:0}.detail-list span{color:#94a3b8;font-size:14px}.detail-list strong{color:#fff;text-align:right}.modern-metric-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.modern-metric-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;align-items:center;gap:16px;padding:18px;display:flex}.metric-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.metric-icon svg{stroke-width:2px}.bore-icon{color:#a78bfa;background:#8b5cf626}.plow-icon{color:#4ade80;background:#22c55e26}.backhoe-icon{color:#facc15;background:#eab30826}.photo-icon{color:#60a5fa;background:#3b82f626}.modern-metric-card span{color:#cbd5e1;margin-bottom:4px;display:block}.modern-metric-card strong{font-size:34px;font-weight:800}.report-date-row{color:#cbd5e1;align-items:center;gap:8px;margin-top:10px;display:flex}.report-card-actions{align-items:center;gap:10px;display:flex}.edit-report-btn{align-items:center;gap:8px;display:flex}.report-notes-box{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;padding:16px}.report-notes-box strong{color:#93c5fd;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;font-weight:800;display:block}.report-notes-box p{color:#cbd5e1;margin:0;font-size:14px}.section-title-row{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.section-title{color:#f1f5f9;margin:0 0 4px;font-size:20px;font-weight:800}.section-subtitle{color:#64748b;margin:0;font-size:14px}.empty-state-card{text-align:center;background:#0d1628;border:1px dashed #1e2d45;border-radius:18px;padding:36px}.empty-state-card h3{color:#f1f5f9;margin:0 0 8px}.empty-state-card p{color:#64748b;margin:0 0 18px}.empty-photo-box{text-align:center;background:#0d1628;border:1px dashed #1e2d45;border-radius:14px;padding:24px}.empty-photo-box p{color:#475569;margin:0}.report-notes-box:has(.sketch-card){margin-top:14px;padding:0;overflow:hidden}.wo-report-expanded .sketch-card{box-sizing:border-box;border-left:none;border-right:none;border-radius:0 0 18px 18px;width:calc(100% + 36px);max-width:calc(100% + 36px);margin-bottom:-16px;margin-left:-18px;margin-right:-18px}.pdf-layout{gap:20px;display:grid}.pdf-preview-card h3{margin-top:0}.pdf-preview-frame{border:none;border-radius:12px;width:100%;height:480px}.pdf-preview-desktop-only{display:none}.pdf-mobile-open{flex-direction:column;align-items:stretch;gap:12px;display:flex}.pdf-mobile-hint{color:#64748b;text-align:center;margin:0;font-size:13px}.pdf-mobile-view-btn{color:#fff;background:#2563eb;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:15px;font-weight:800;text-decoration:none;transition:background .15s;display:flex}.pdf-mobile-view-btn:hover{background:#1d4ed8}.pdf-preview-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.photo-modal-overlay{z-index:9999;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.photo-modal-content img{border-radius:12px;max-width:92vw;max-height:88vh}@media (width>=769px) and (width<=1024px){.wo-page{padding-bottom:80px}.wo-hero-id{font-size:32px}.wo-summary-grid{grid-template-columns:repeat(6,1fr)}.wo-quick-grid{grid-template-columns:repeat(4,1fr);gap:14px}.wo-tab-content{padding:20px}.wo-stats-grid{grid-template-columns:repeat(3,1fr)}.wo-photo-grid,.wo-report-stats{grid-template-columns:repeat(4,1fr)}.details-grid{grid-template-columns:repeat(2,1fr)}.wo-map-actions{flex-direction:row}.wo-map-action-btn{flex:1}}@media (width>=1025px){.wo-page{max-width:1400px;margin:0 auto;padding-bottom:0;padding-left:0;padding-right:0}.wo-mobile-header,.wo-hero-card,.wo-summary-strip,.wo-add-report-row,.wo-quick-actions,.wo-bottom-nav{display:none!important}.wo-desktop-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:0;padding:28px 32px 0;display:flex}.wo-desktop-tabs{border-bottom:1px solid #ffffff14;gap:0;margin-bottom:0;padding:0 32px;display:flex}.wo-tab-content{padding:28px 32px}.wo-desktop-hero-card{background:linear-gradient(135deg,#2563eb2e,#0f172a);border:1px solid #3b82f659;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;min-height:160px;margin-bottom:24px;padding:34px 38px;display:flex;box-shadow:0 18px 40px #00000052}.wo-desktop-hero-card h1{color:#f8fafc;margin:6px 0;font-size:42px;font-weight:900}.wo-stats-grid{grid-template-columns:repeat(6,1fr);margin-bottom:24px}.wo-stat-card{padding:20px}.wo-stat-card h3{font-size:32px}.details-grid{grid-template-columns:repeat(2,1fr)}.wo-report-stats{grid-template-columns:repeat(4,1fr)}.wo-report-stat strong{font-size:22px}.modern-metric-grid{grid-template-columns:repeat(4,1fr)}.wo-maps{grid-template-columns:1fr 1fr;gap:24px;display:grid}.wo-maps-section{grid-column:span 1}.wo-map-actions{flex-direction:column}.wo-files{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.wo-files-section:first-child{grid-column:span 2}.wo-photo-grid{grid-template-columns:repeat(5,1fr)}.wo-pdf-preview-section{grid-column:span 2;display:block}.pdf-layout{grid-template-columns:1fr 320px}.pdf-preview-desktop-only{display:block}.pdf-mobile-open{display:none}.section-title-row{flex-direction:row;align-items:center}.report-card-list{grid-template-columns:1fr;gap:12px;display:grid}}@media (width<=768px){.wo-summary-grid{grid-template-columns:repeat(3,1fr)}.wo-quick-grid{grid-template-columns:repeat(4,1fr)}.wo-stats-grid{grid-template-columns:repeat(2,1fr)}.details-grid{grid-template-columns:1fr}.detail-list div{flex-direction:column;align-items:flex-start}.detail-list strong{text-align:left}.modern-metric-grid{grid-template-columns:repeat(2,1fr)}.wo-report-stat strong{font-size:16px}.section-title-row{flex-direction:column;align-items:stretch}.section-title-row button{width:100%}.wo-map-action-btn{padding:14px 16px;font-size:14px}.report-card-actions{flex-direction:column}.report-card-actions a,.report-card-actions button{width:100%}.wo-report-expanded .sketch-card{width:calc(100% + 36px);margin-left:-18px;margin-right:-18px}}.project-page-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;padding-bottom:24px;display:flex}.project-page-header h2{margin:6px 0;font-size:38px}.project-page-header .page-actions,.project-page-header .button-row{justify-content:flex-end;margin-top:0}.project-page-header .page-actions a,.project-page-header .page-actions button,.project-page-header .button-row a,.project-page-header .button-row button{flex:none;width:auto;min-width:160px;height:48px}.project-hero-card{background:linear-gradient(135deg,#0ea5e929,#0f172a)}.report-card-list{flex-direction:column;gap:18px;display:flex}.report-card{background:#18253c;border:1px solid #ffffff14;border-radius:22px;padding:22px;box-shadow:0 10px 24px #00000038}.report-card-top{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.report-card-top h3{margin:4px 0;font-size:24px}.report-card-top p{color:#94a3b8;margin:0}.report-notes-box{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;margin-top:18px;padding:16px}.report-notes-box p{margin-bottom:0}.report-grid{gap:14px;display:grid}.report-notes{background:#ffffff08;border-radius:12px;padding:14px}.report-photo-header{margin-bottom:12px}.log-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.photo-section{margin-top:20px}.photo-section-header p{color:#94a3b8;margin-top:4px}.photo-upload-grid{gap:16px;margin-bottom:20px;display:grid}.photo-upload-box{background:#0f172a;border:1px dashed #475569;border-radius:16px;padding:18px;transition:all .2s}.photo-upload-box:hover{border-color:#3b82f6;transform:translateY(-2px)}.photo-box-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.photo-box-header h4{margin:0}.photo-upload-box p{color:#94a3b8;margin-bottom:14px;font-size:14px}.photo-tag{color:#000;background:#facc15;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.photo-tag-green{color:#fff;background:#22c55e}.photo-tag-red{color:#fff;background:#ef4444}.photo-tag-blue{color:#fff;background:#3b82f6}.damage-upload{border-color:#ef4444}.photo-preview-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:20px;display:grid}.photo-preview-card{background:#0f172a;border:1px solid #334155;border-radius:14px;overflow:hidden;box-shadow:0 0 12px #00000040}.photo-preview-card img{object-fit:cover;width:100%;height:180px}.photo-preview-card p{text-align:center;text-transform:capitalize;margin:0;padding:8px}.photo-preview-footer{padding:10px}.photo-preview-footer p{text-align:center;text-transform:capitalize;margin:0;font-weight:800}.clickable-photo{cursor:pointer;transition:all .2s}.clickable-photo:hover{transform:scale(1.02)}.photo-modal-overlay{z-index:9999;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.photo-modal-content{max-width:95%;max-height:95%}.photo-modal-content img{object-fit:contain;border-radius:12px;width:100%;max-height:90vh}.pdf-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.pdf-side-panel{align-self:start;position:static!important;top:auto!important}.pdf-preview-card{max-width:100%}.pdf-preview-frame{background:#fff;border:none;border-radius:14px;width:100%;height:900px}.pdf-preview-actions{flex-direction:column;gap:12px;margin-top:0;display:flex}.pdf-preview-actions button,.pdf-preview-actions a{width:100%}.pdf-preview-actions button{height:48px}.pdf-header{display:none}.pdf-company-header{justify-content:center;align-items:center;min-height:120px;margin-bottom:20px;display:flex;position:relative}.pdf-company-left{justify-content:flex-start;align-items:center;width:180px;display:flex;position:absolute;left:0}.pdf-company-logo{object-fit:contain;max-width:140px;max-height:100px}.pdf-logo-placeholder{color:#777;border:1px solid #999;border-radius:10px;justify-content:center;align-items:center;width:130px;height:90px;display:flex}.pdf-report-title{text-align:center}.pdf-report-title h1{color:#000;margin:0;font-size:42px;font-weight:800}.pdf-company-right{text-align:right;width:260px;position:absolute;right:0}.pdf-company-right h1,.pdf-company-right h2,.pdf-company-right p{color:#000}.pdf-company-right h1{margin:0;font-size:30px}.pdf-company-right h2{margin:6px 0;font-size:20px}.pdf-company-right p{margin:2px 0}.pdf-project-title{text-align:center;border-top:2px solid #000;margin-bottom:24px;padding-top:12px}.pdf-project-title h3{margin:0;font-size:22px}@page{margin:20px}@media print{body{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#000!important;background:#fff!important}.app{max-width:none;padding:0}header,.nav,.no-print,.page-actions,button{display:none!important}.pdf-header{margin-bottom:30px;display:block}.pdf-header h1,.pdf-header h2,.pdf-header h3,.pdf-header p,p,h1,h2,h3,h4,strong,label{color:#000!important}.card,.log-box{break-inside:avoid;page-break-inside:avoid;color:#000!important;box-shadow:none!important;background:#fff!important;border:1px solid #999!important}.cards{display:block}.job-detail-card,.pdf-log-box,.log-box{page-break-inside:avoid;margin-bottom:20px}.report-grid{grid-template-columns:repeat(2,1fr);gap:24px}.report-notes,.empty-photo-box{border:1px solid #bbb;background:#fff!important}.photo-preview-grid{grid-template-columns:repeat(2,1fr);gap:18px}.photo-preview-card{background:#fff!important;border:1px solid #999!important}.photo-preview-card img{background:#fff;object-fit:contain!important;height:230px!important}.photo-preview-footer{background:#fff!important}.photo-preview-footer p{font-size:14px;color:#000!important}a{color:#000!important;text-decoration:none!important}}.login-page{justify-content:center;align-items:center;min-height:90vh;display:flex}.login-card{background:#1e293b;border:1px solid #334155;border-radius:18px;width:100%;max-width:420px;padding:28px;box-shadow:0 0 25px #00000059}.login-card h1,.login-card p{text-align:center}.login-error{color:#fecaca;background:#dc262626;border:1px solid #dc2626;border-radius:12px;margin-bottom:14px;padding:12px}.settings-grid,.users-grid,.database-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:24px;display:grid}.settings-card{background:#152238;border:1px solid #2b4266;border-radius:18px;flex-direction:column;min-height:230px;padding:24px;display:flex;box-shadow:0 12px 30px #00000038}.settings-card-top,.database-card-top,.user-card-top,.invite-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-badge,.activity-role{color:#fff;background:#1e40af;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.dev-badge{background:#7c3aed}.settings-card a,.settings-card .primary-button{width:100%;margin-top:auto}.user-row,.invite-row{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:18px 0;display:flex}.user-card,.invite-card,.activity-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;padding:18px}.invite-list,.activity-feed{flex-direction:column;gap:14px;margin-top:16px;display:flex}.invite-code{letter-spacing:.5px;margin-bottom:4px;font-size:18px;font-weight:800}.activity-top,.activity-bottom{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.activity-message{color:#fff;font-size:16px;font-weight:800}.activity-time{color:#64748b;margin-left:auto}.company-id-text{color:#5b8cff;letter-spacing:.5px;margin-top:-8px;margin-bottom:14px;font-size:14px;font-weight:800}.created-company-box{background:#141e37e6;border:1px solid #ffffff14;border-radius:18px;margin-top:24px;padding:20px}.company-logo-preview-box{text-align:center;background:#0f172a;border:1px solid #334155;border-radius:14px;justify-content:center;margin-bottom:16px;padding:18px;display:flex}.company-logo-preview{object-fit:contain;background:#1e293b;border-radius:18px;width:140px;max-width:220px;height:140px;max-height:160px;padding:12px}@media (width>=700px){.form-grid,.photo-upload-grid{grid-template-columns:repeat(2,1fr)}.photo-preview-grid{grid-template-columns:repeat(3,1fr)}.report-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1000px){.pdf-layout{grid-template-columns:1fr}.pdf-preview-frame{height:620px}.job-row{flex-direction:column;align-items:flex-start}.job-row-right,.job-top-right{align-items:stretch;width:100%}.job-top-right{flex-direction:column}.job-status-dropdown{width:100%;min-width:0}.job-actions{width:100%}.job-actions a,.job-actions button{flex:1}}@media (width<=900px){.hero-job-card,.project-page-header,.job-page-header{flex-direction:column!important;align-items:stretch!important}.hero-job-card h1{font-size:34px}.details-grid{grid-template-columns:1fr}.project-card-grid{grid-template-columns:1fr 1fr}.section-title-row{flex-direction:column;align-items:stretch}.section-title-row button{width:100%}.report-card-top{flex-direction:column}.report-card-top a,.report-card-top button{width:100%}}@media (width<=768px){.page{padding:14px}.topbar{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px}.topbar-center{text-align:left;flex:1;min-width:0}.topbar-logo,.brand-logo{border-radius:12px;width:48px;height:48px;padding:4px}.topbar-company{margin-bottom:2px;font-size:22px}.topbar-user{margin:0;font-size:13px}.logout-button{padding:10px 14px;font-size:14px}.nav{grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 14px 14px;display:grid}.nav a,.nav-button{width:100%;min-width:0}.nav-button{white-space:nowrap;padding:12px 8px;font-size:13px}.viewer-badge{text-align:center;grid-column:span 3}.dashboard-header-row,.filter-toolbar,.search-area{flex-direction:column;align-items:stretch}.search-input{width:100%;min-width:0}.search-button,.clear-button{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.cards,.project-card-grid-wrap,.users-grid,.settings-grid,.database-grid{grid-template-columns:1fr}.button-row,.page-actions,.job-actions{flex-direction:column}.button-row a,.button-row button,.page-actions a,.page-actions button{width:100%!important}.job-tabs{grid-template-columns:repeat(2,1fr);display:grid}.job-tabs button{width:100%}.filter-row{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.filter-row button{width:100%}.user-row,.invite-row,.activity-top,.activity-bottom{flex-direction:column;align-items:flex-start}.activity-time{margin-left:0}}@media (width<=600px){h1{font-size:32px}h2,.page h2{font-size:28px}.hero-job-card{padding:22px}.hero-job-card h1{font-size:28px}.project-card-grid,.stats-grid{grid-template-columns:1fr}.detail-list div{flex-direction:column;align-items:flex-start}.detail-list strong{text-align:left}}.job-row{border-radius:16px;padding:14px}.job-main-info h3{font-size:20px}.job-meta{gap:6px;font-size:13px}.job-row-right{gap:12px}.job-actions{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;display:grid}.job-actions button{width:100%}@media (width<=700px){.nav{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;gap:10px;padding:12px 14px 14px;display:flex;overflow-x:auto}.nav a,.nav-button{white-space:nowrap;flex:none;min-width:max-content;width:auto!important}.settings-subnav{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:10px;margin-top:20px;padding-bottom:8px;display:flex;overflow-x:auto}.subnav-btn{white-space:nowrap;flex:none}}@media (width<=768px){.company-item-list-page .page-header{gap:12px}.item-list-card{border-radius:16px;padding:14px}.item-list-topbar{flex-direction:column;align-items:stretch;gap:12px}.item-add-btn,.item-save-btn,.item-remove-btn,.small-button{width:100%;min-height:44px}.item-row-main{grid-template-columns:1fr;gap:10px;display:grid}.company-item-mobile-row{background:#0f172a;border:1px solid #334155;border-radius:14px;grid-template-columns:1fr;gap:10px;margin:10px 0;padding:12px;display:grid}.company-item-mobile-row input,.company-item-mobile-row select,.company-item-mobile-row button{min-height:42px;width:100%!important}.company-item-mobile-row .item-active-toggle{background:#111827;border:1px solid #334155;border-radius:12px;justify-content:space-between;width:100%;padding:10px 12px}.item-save-bar{background:inherit;padding:12px 0 0;position:sticky;bottom:0}.segment-header{flex-direction:column;align-items:stretch;gap:10px}.segment-header button{width:100%;min-height:44px}.segment-card{grid-template-columns:1fr;gap:10px;display:grid}.segment-card select,.segment-card input,.segment-card button{width:100%;min-height:44px}.job-material-mobile-row{border-radius:14px;grid-template-columns:1fr!important;gap:10px!important;padding:14px!important;display:grid!important}.job-material-mobile-row .material-label{background:#111827;border:1px solid #334155;border-radius:10px;padding:9px 10px;font-size:14px;display:block}.material-qty-input{width:100%!important}.danger-button{width:100%;min-height:44px}.item-list-grid{grid-template-columns:1fr!important;gap:12px!important;display:grid!important;overflow:visible!important}.company-item-mobile-row{box-sizing:border-box!important;background:#0f172a!important;border:1px solid #334155!important;border-radius:16px!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;max-width:100%!important;margin:10px 0!important;padding:14px!important;display:grid!important;overflow:hidden!important}.company-item-mobile-row input,.company-item-mobile-row select{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:46px!important}.company-item-mobile-row .item-active-toggle{justify-content:flex-start!important;gap:10px!important;width:100%!important;max-width:100%!important}.company-item-row-actions{grid-template-columns:1fr!important;gap:10px!important;width:100%!important;display:grid!important}.company-item-row-actions button{width:100%!important;max-width:100%!important;min-height:46px!important}.segment-section{width:100%;max-width:100%;overflow:hidden}.production-segment-card{box-sizing:border-box!important;border-radius:18px!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:12px 0!important;padding:16px!important;display:grid!important;overflow:hidden!important}.production-segment-card input,.production-segment-card select,.production-segment-card button{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:48px!important}.production-segment-card .danger-button{margin-top:4px;color:#fff!important;background:#dc2626!important}.segment-section>button{margin-top:10px;width:100%!important;min-height:50px!important}.segment-header{margin-top:18px}.segment-header h3{font-size:22px;line-height:1.1}}.map-sketch-overlay{z-index:99999;box-sizing:border-box;background:#020617f0;padding:12px;position:fixed;inset:0}.map-sketch-shell{background:#0f172a;border:1px solid #334155;border-radius:16px;flex-direction:column;height:100%;display:flex;overflow:hidden}.map-sketch-topbar{color:#f8fafc;background:#111827;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.map-sketch-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.map-sketch-stage{background:#fff;flex:1;min-height:0;position:relative}.map-sketch-map{border:0;width:100%;height:100%;position:absolute;inset:0}.map-sketch-canvas{touch-action:none;cursor:crosshair;z-index:2;width:100%;height:100%;position:absolute;inset:0}@media (width<=768px){.map-sketch-overlay{padding:0}.map-sketch-shell{border-radius:0}.map-sketch-topbar{flex-direction:column;align-items:stretch}.map-sketch-actions button{flex:auto;min-height:42px}}.utility-company-grid{gap:18px;margin-top:22px;display:grid}.utility-company-card{background:linear-gradient(#111827,#0f172a);border:1px solid #22304a;border-radius:22px;padding:22px;transition:all .18s}.utility-company-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 0 22px #3b82f61f}.utility-company-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.utility-company-title h3{color:#f8fafc;margin:0;font-size:26px;font-weight:800}.utility-company-contact{color:#94a3b8;margin-top:8px;font-size:14px}.utility-company-info{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:20px;display:grid}.utility-info-box{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:14px}.utility-info-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:6px;font-size:12px}.utility-info-value{color:#f1f5f9;word-break:break-word;font-size:15px}.utility-company-notes{border-top:1px solid #ffffff0f;margin-top:18px;padding-top:18px}.utility-company-notes p{color:#cbd5e1;margin:0;line-height:1.6}.utility-company-actions{align-items:center;gap:10px;display:flex}.utility-company-actions .danger-button{width:auto;min-width:110px}.utility-company-form{margin-bottom:24px}.utility-company-form h3{margin-top:0;margin-bottom:18px}@media (width<=768px){.utility-company-top{flex-direction:column}.utility-company-actions,.utility-company-actions button{width:100%}.utility-company-info{grid-template-columns:1fr}}.utility-page-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.utility-company-actions{gap:10px;display:flex}.utility-company-actions button{min-width:95px}@media (width<=768px){.utility-page-header{flex-direction:column;align-items:stretch}.utility-page-header button{width:100%}.utility-company-top{flex-direction:column}.utility-company-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.utility-company-actions button{width:100%}.utility-company-info{grid-template-columns:1fr}.button-row{flex-direction:column}.button-row button{width:100%}}