@font-face{font-family:Roadstore;src:url(/fonts/Roadstore.otf) format("opentype"),url(/fonts/Roadstore.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--primary: #48533d;--primary-dim: #3a4332;--primary-mid: #5a6648;--primary-soft: #eef1e8;--accent: #a28557;--accent-dim: #8a7048;--accent-soft: color-mix(in srgb, var(--accent) 16%, #fffff0);--bg: #fffff0;--bg-elevated: #ffffff;--bg-card: #ffffff;--bg-muted: #ecebe9;--bg-soft: #f3f4ee;--border: #e0e4d8;--border-strong: #cfd5c4;--text: #2c3226;--text-secondary: #3d4536;--text-muted: #6b7265;--text-faint: #8a9080;--success: #3d8f5a;--danger: #c44b4b;--info: #3d7ab5;--sidebar: #2c3820;--sidebar-hover: #3d4f28;--sidebar-text: #a0ba7a;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--font: "Poppins", system-ui, sans-serif;--font-heading: "Roadstore", "Poppins", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--shadow-sm: 0 1px 2px rgba(44, 50, 38, .05);--shadow: 0 4px 16px rgba(44, 50, 38, .06);--shadow-lg: 0 12px 32px rgba(44, 50, 38, .1);--header-h: 64px;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.45;-webkit-font-smoothing:antialiased}::selection{background:color-mix(in srgb,var(--primary) 22%,white)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;letter-spacing:.02em;color:var(--primary);margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dim)}button,input,select,textarea{font:inherit}.app-root{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;background:var(--bg-elevated);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.brand-lockup{display:flex;align-items:center;gap:.75rem;min-width:0}.brand-logo{width:2.5rem;height:2.5rem;object-fit:contain;border-radius:.5rem;flex-shrink:0}.brand-text{display:flex;flex-direction:column;gap:.05rem;min-width:0}.brand-text strong{font-family:var(--font-heading);font-size:1.25rem;font-weight:400;letter-spacing:.03em;color:var(--primary);line-height:1.15}.brand-text span{font-size:.7rem;font-weight:500;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.user-chip{display:flex;align-items:center;gap:.65rem}.avatar{width:2rem;height:2rem;border-radius:999px;background:var(--primary);color:ivory;display:grid;place-items:center;font-size:.75rem;font-weight:700;flex-shrink:0}.user-meta{display:none;flex-direction:column;gap:.1rem;line-height:1.15}.user-meta .name{font-size:.875rem;font-weight:600;color:var(--text)}@media(min-width:720px){.user-meta{display:flex}}.app-nav{background:var(--bg-elevated);border-bottom:1px solid var(--border);padding:0 1.5rem;display:flex;gap:1.5rem;overflow-x:auto}.app-nav a{display:inline-flex;align-items:center;gap:.4rem;padding:.95rem 0;font-size:.875rem;font-weight:400;color:var(--text-faint);border-bottom:2px solid transparent;white-space:nowrap;margin-bottom:-1px;transition:color .15s ease,border-color .15s ease}.app-nav a:hover{color:var(--primary)}.app-nav a.active{color:var(--text);font-weight:600;border-bottom-color:var(--primary-mid)}.app-main{flex:1;width:100%;max-width:80rem;margin:0 auto;padding:1.5rem}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-faint);border-radius:.5rem;padding:.5rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.icon-btn:hover{background:var(--primary-soft);color:var(--text)}.page-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.25rem}.page-header h1,.page-header h2{font-size:1.5rem;color:var(--text);font-family:var(--font);font-weight:600;letter-spacing:-.02em}.page-header p{margin:0;font-size:.875rem;color:var(--text-muted)}.page-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm)}.card h2,.card h3{margin:0 0 .75rem;font-family:var(--font);font-weight:600;letter-spacing:-.01em;color:var(--text);font-size:1.05rem}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:minmax(0,1fr);gap:1.5rem}@media(min-width:768px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.stack{display:flex;flex-direction:column;gap:.75rem}.row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}label{display:flex;flex-direction:column;gap:.4rem;font-size:.875rem;font-weight:500;color:var(--text-secondary)}input,select,textarea{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:.75rem;color:var(--text);padding:.7rem .9rem;font-size:.875rem;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,select:focus,textarea:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 45%,transparent)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);border-radius:.65rem;padding:.6rem 1rem;cursor:pointer;font-weight:600;font-size:.875rem;transition:transform .05s ease,background .15s ease,border-color .15s ease,color .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.btn:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:var(--primary-soft)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary-dim);color:ivory}.btn-primary:hover{background:var(--primary-dim);border-color:var(--primary-dim);color:ivory}.btn-success{background:color-mix(in srgb,var(--success) 12%,white);border-color:color-mix(in srgb,var(--success) 35%,var(--border));color:var(--success)}.btn-danger{background:color-mix(in srgb,var(--danger) 10%,white);border-color:color-mix(in srgb,var(--danger) 35%,var(--border));color:var(--danger)}.btn-lg{padding:.85rem 1.25rem;font-size:.95rem;border-radius:.75rem}.btn-sm{padding:.4rem .7rem;font-size:.8rem;border-radius:.5rem}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--primary-soft);color:var(--text)}.projects-page{display:flex;flex-direction:column;gap:1.5rem}.projects-page-header{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.projects-page-header{flex-direction:row;align-items:center;justify-content:space-between}}.projects-grid{gap:1.5rem}.search-field{position:relative;display:flex;align-items:center;width:100%;max-width:16rem}.search-field input{width:100%;padding:.5rem 2.1rem .5rem 2.25rem;border-radius:.5rem;border:1px solid #e5e7eb;font-size:.875rem;background:#fff}.search-field input:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 35%,transparent)}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-field-icon{position:absolute;left:.75rem;color:#9ca3af;pointer-events:none}.search-field-clear{position:absolute;right:.6rem;display:inline-flex;align-items:center;justify-content:center;padding:.2rem;border:none;background:transparent;border-radius:999px;color:#9ca3af;cursor:pointer;transition:color .15s ease,background .15s ease}.search-field-clear:hover{color:#4b5563;background:#f3f4f6}.filter-pills{display:flex;flex-wrap:wrap;gap:.5rem}.filter-pill{display:inline-flex;align-items:center;gap:.4rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:.5rem 1rem;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#4b5563;font-size:.875rem;font-weight:500;transition:background .15s ease,border-color .15s ease,color .15s ease}.filter-pill:hover{border-color:#8faf6a;color:var(--text)}.filter-pill[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:ivory}.filter-pill-count{margin-left:.15rem;border-radius:999px;padding:.05rem .4rem;font-size:.7rem;font-weight:700;background:#f3f4f6;color:#6b7280}.filter-pill[aria-pressed=true] .filter-pill-count{background:#fffff033;color:ivory}.project-card{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;color:inherit;animation:card-in .4s ease both}.project-card:hover{border-color:#8faf6a;color:inherit}.project-card-thumb{height:11rem;background:#f3f4f6;display:grid;place-items:center;position:relative;overflow:hidden}.project-card-thumb-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-card-thumb-img{transform:scale(1.05)}.project-card-thumb .thumb-icon{color:#d1d5db;transition:transform .5s ease}.project-card:hover .thumb-icon{transform:scale(1.05)}.thumb-ring{position:absolute;top:.75rem;right:.75rem}.thumb-pill{position:absolute;bottom:.75rem;left:.75rem}.project-card-body{padding:1.25rem}.project-card-intro{margin-bottom:1rem}.project-card-job{font-size:.75rem;font-weight:600;color:#5a7033;margin:0 0 .15rem;letter-spacing:0;text-transform:none}.project-card-title{font-family:var(--font);font-size:1rem;font-weight:600;color:#111827;letter-spacing:-.01em;margin:0;line-height:1.25}.project-card-address{display:flex;align-items:flex-start;gap:.25rem;margin:.25rem 0 0;font-size:.75rem;color:#6b7280}.project-card-address svg{flex-shrink:0;margin-top:.1rem;color:#9ca3af}.project-card-details{padding-top:.75rem;border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.detail-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:#6b7280}.detail-label svg{color:#9ca3af;flex-shrink:0}.detail-value{font-size:.75rem;font-weight:600;color:#111827;text-align:right}.trade-progress-block{display:flex;flex-direction:column;gap:.5rem;padding-top:.15rem}.trade-progress-heading{margin-bottom:.15rem}.trade-progress-list{display:flex;flex-direction:column;gap:.5rem}.trade-progress-row{display:flex;flex-direction:column;gap:.25rem}.progress-line{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.progress-line-label{font-size:.6875rem;font-weight:500;color:#4b5563;text-transform:none;letter-spacing:0}.progress-line-value{font-size:.6875rem;font-weight:600;color:#111827}.progress-track{height:.375rem;border-radius:999px;background:#f3f4f6;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--accent);transition:width .5s ease}.progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center;background:#ffffffeb;border-radius:999px;box-shadow:0 1px 2px #0000000f}.progress-ring svg{transform:rotate(-90deg)}.progress-ring-track{stroke:#f3f4f6}.progress-ring-value{stroke:var(--accent);transition:stroke-dashoffset .5s ease}.progress-ring-text{position:absolute;font-size:.625rem;font-weight:600;color:#111827;line-height:1}.project-card-skeleton{height:20rem;border-radius:.75rem;border:1px solid #e5e7eb;background:#f9fafb;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.project-card-skeleton,.project-card{animation:none}.project-card:hover .project-card-thumb-img,.project-card:hover .thumb-icon{transform:none}}.status-pill{display:inline-flex;align-items:center;gap:.4rem;background:#fffffff2;border:1px solid var(--border);border-radius:999px;padding:.25rem .7rem;font-size:.7rem;font-weight:600;color:var(--text-secondary)}.status-pill .dot{width:.4rem;height:.4rem;border-radius:999px;background:var(--text-faint)}.status-pill.active .dot,.status-pill[data-status=ACTIVE] .dot{background:#22c55e}.status-pill[data-status=COMPLETED] .dot{background:#6b7280}.status-pill[data-status=ON_HOLD] .dot,.status-pill[data-status=INACTIVE] .dot{background:#f59e0b}.status-pill[data-status=UPCOMING] .dot,.status-pill[data-status=PLANNED] .dot{background:#3b82f6}.status-pill[data-status=ARCHIVED] .dot{background:#9ca3af}.badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:600;border:1px solid var(--border);background:var(--bg-soft);color:var(--text-muted)}.badge.success{color:var(--success);background:color-mix(in srgb,var(--success) 10%,white);border-color:color-mix(in srgb,var(--success) 30%,var(--border))}.badge.warn{color:var(--accent-dim);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.badge.role{font-size:.625rem;text-transform:capitalize}.badge.role-admin{background:#f5f0ff;color:#6b21a8;border-color:#e9d5ff}.badge.role-accounting{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.badge.role-supervisor{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}.badge.role-labor{background:var(--primary-soft);color:var(--primary);border-color:var(--border)}.muted{color:var(--text-muted)}.error{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,white);border:1px solid color-mix(in srgb,var(--danger) 25%,var(--border));border-radius:.75rem;padding:.7rem .9rem;font-size:.875rem}.success-box{color:var(--success);background:color-mix(in srgb,var(--success) 8%,white);border:1px solid color-mix(in srgb,var(--success) 25%,var(--border));border-radius:.75rem;padding:.7rem .9rem;font-size:.875rem}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th,.table td{text-align:left;padding:.7rem .5rem;border-bottom:1px solid var(--border)}.table th{color:var(--text-muted);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.mono{font-family:var(--mono);font-size:.9em}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:var(--bg)}.login-wrap{width:min(28rem,100%)}.login-brand{text-align:center;margin-bottom:2rem}.login-brand img{width:5rem;height:5rem;object-fit:contain;margin:0 auto 1rem;display:block;border-radius:.75rem}.login-brand h1{font-family:var(--font);font-weight:600;font-size:1.5rem;letter-spacing:-.02em;color:var(--text);margin:0}.login-brand p{margin:.35rem 0 0;font-size:.875rem;color:var(--text-muted)}.login-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-sm)}.login-card .btn-primary{width:100%}.login-hint{margin:1rem 0 0;font-size:.75rem;color:var(--text-faint);text-align:center;line-height:1.5}.stat{display:flex;flex-direction:column;gap:.2rem}.stat .value{font-size:1.5rem;font-weight:700;font-family:var(--mono);color:var(--primary)}.stat .label{color:var(--text-muted);font-size:.8rem;font-weight:500}.task-row{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:.9rem 0;border-bottom:1px solid var(--border)}.task-row:last-child{border-bottom:none}.photo-capture{padding:.85rem;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-soft)}.photo-capture-label{font-size:.875rem;color:var(--text-muted);font-weight:500}.photo-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.photo-thumb{display:block;width:100%;max-width:220px;max-height:160px;object-fit:cover;border-radius:.5rem;border:1px solid var(--border);background:var(--bg)}.photo-video{display:block;width:100%;max-width:320px;max-height:200px;object-fit:cover;border-radius:.5rem;border:1px solid var(--border);background:#000}.photo-preview-wrap,.photo-live{gap:.6rem}.photo-hint{margin:0;font-size:.8rem}.empty-state{text-align:center;padding:5rem 1.5rem;border:1px dashed #e5e7eb;border-radius:.75rem;color:#6b7280}.empty-state p{margin:0;font-weight:500}.empty-state-icon{color:#d1d5db;margin:0 auto .75rem;display:block}.back-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;color:var(--primary-mid);margin-bottom:.75rem}.back-link:hover{color:var(--primary)}.map-block{display:flex;flex-direction:column;gap:.6rem}.map-frame{position:relative;width:100%;height:220px;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;background:var(--bg-soft)}.map-frame>div{border-radius:var(--radius)}.map-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.875rem}.map-fallback{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-soft);padding:1rem}.map-fallback-body{display:flex;align-items:flex-start;gap:.7rem}.map-pin{font-size:1.25rem;line-height:1.2}.map-fallback-address{font-weight:600;color:var(--text);font-size:.95rem}.map-fallback-note{font-size:.825rem;margin-top:.15rem}.map-actions{display:flex;gap:.5rem}@media(max-width:640px){.map-frame{height:180px}.map-actions .btn{flex:1;justify-content:center}}@media(max-width:640px){.app-header{padding:.65rem 1rem}.app-nav{padding:0 1rem;gap:1.1rem}.app-main{padding:1rem}.login-card{padding:1.5rem}}