@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;--sidebar: #2c3820;--sidebar-hover: #3d4f28;--sidebar-muted: #7a9060;--sidebar-text: #a0ba7a;--sidebar-active-border: #8fb84a;--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);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}.admin-root{min-height:100vh;display:grid;grid-template-columns:15rem 1fr;background:var(--bg)}.side-nav{background:var(--sidebar);color:#fff;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;overflow-y:auto}.side-nav-brand{padding:1.15rem 1.15rem 1rem;border-bottom:1px solid var(--sidebar-hover);display:flex;align-items:center;gap:.65rem}.side-nav-brand img{width:2.35rem;height:2.35rem;object-fit:contain;border-radius:.45rem;flex-shrink:0}.side-nav-brand strong{font-family:var(--font-heading);font-weight:400;font-size:1.05rem;letter-spacing:.03em;color:ivory;display:block;line-height:1.15}.side-nav-brand .sub{font-size:.65rem;font-weight:500;color:var(--sidebar-muted);margin-top:.1rem}.side-nav-user{padding:.85rem 1.15rem;border-bottom:1px solid var(--sidebar-hover);font-size:.75rem;color:var(--sidebar-text)}.side-nav-user .name{color:ivory;font-weight:600;font-size:.8rem}.side-nav-links{flex:1;padding:.65rem 0;display:flex;flex-direction:column}.side-nav a{display:flex;align-items:center;gap:.65rem;padding:.65rem 1.15rem;font-size:.875rem;color:var(--sidebar-text);border-left:2px solid transparent;transition:background .15s ease,color .15s ease}.side-nav a:hover{color:ivory;background:color-mix(in srgb,var(--sidebar-hover) 60%,transparent)}.side-nav a.active{background:var(--sidebar-hover);color:ivory;font-weight:500;border-left-color:var(--sidebar-active-border)}.side-nav-footer{padding:1rem 1.15rem;border-top:1px solid var(--sidebar-hover)}.side-nav-footer .btn{width:100%;background:transparent;border-color:color-mix(in srgb,var(--sidebar-text) 40%,transparent);color:var(--sidebar-text)}.side-nav-footer .btn:hover{background:var(--sidebar-hover);color:ivory;border-color:var(--sidebar-text)}.admin-main{padding:1.5rem;max-width:72rem;width:100%}.admin-root--plan-editor{grid-template-columns:minmax(0,1fr);width:100%;max-width:none;height:100vh;height:100dvh;overflow:hidden}.admin-root--plan-editor .admin-main,.admin-main--plan-editor{max-width:none;width:100%;min-width:0;height:100%;padding:0;overflow:hidden;display:flex;flex-direction:column}.page-header{margin-bottom:1.25rem}.page-header h1,.page-header h2{font-family:var(--font);font-weight:600;font-size:1.5rem;letter-spacing:-.02em;color:var(--text)}.page-header p{margin:.25rem 0 0;font-size:.875rem;color:var(--text-muted)}.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(240px,1fr))}.grid-3{grid-template-columns:minmax(0,1fr);gap:1.5rem}@media(min-width:900px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.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:.65rem .85rem;font-size:.875rem}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:background .15s ease,border-color .15s ease,color .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.btn:hover{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.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);color:ivory}.btn-lg{padding:.85rem 1.25rem;font-size:.95rem;border-radius:.75rem}.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)}.badge{display:inline-flex;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))}.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:.65rem .85rem;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:.65rem .85rem;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-size:.7rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.mono{font-family:var(--mono);font-size:.9em}.projects-page{display:flex;flex-direction:column;gap:1.5rem}.projects-page-header{display:flex;flex-direction:column;gap:1rem}.projects-page-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.projects-page-actions .search-field{flex:1 1 12rem;width:auto}.projects-page-actions .btn{flex-shrink:0}@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}.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}.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}.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[data-status=ACTIVE] .dot{background:#22c55e}.status-pill[data-status=COMPLETED] .dot{background:#6b7280}.status-pill[data-status=ON_HOLD] .dot{background:#f59e0b}.status-pill[data-status=ARCHIVED] .dot{background:#9ca3af}.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)}}.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}.member-list{display:flex;flex-direction:column;gap:.75rem}.member-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;animation:card-in .4s ease both}.member-head{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:none;background:transparent;text-align:left;cursor:pointer;padding:1.15rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:background .15s ease}.member-head:hover{background:#f9fafb}.member-identity{display:flex;align-items:center;gap:1rem;min-width:0}.member-avatar{width:2.5rem;height:2.5rem;border-radius:999px;background:var(--primary);color:ivory;display:grid;place-items:center;font-size:.8rem;font-weight:700;flex-shrink:0}.member-name-block{display:flex;flex-direction:column;gap:.15rem;min-width:0}.member-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.member-name{font-size:.875rem;font-weight:600;color:#111827}.member-email{font-size:.75rem;color:#6b7280;overflow:hidden;text-overflow:ellipsis}.member-meta{display:flex;align-items:center;gap:1rem;flex-shrink:0}.member-teams{font-size:.75rem;color:#6b7280;white-space:nowrap}.member-teams strong{color:#111827;font-weight:600}.member-chevron{color:#9ca3af;transition:transform .2s ease}.member-chevron.is-open{transform:rotate(180deg)}.member-body{border-top:1px solid #f3f4f6;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.member-section-title{margin:0 0 .6rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.member-hint{margin:.6rem 0 0;font-size:.75rem;color:#9ca3af}.role-pills{display:flex;flex-wrap:wrap;gap:.5rem}.role-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:.35rem .85rem;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#4b5563;font-size:.75rem;font-weight:600;transition:background .15s ease,border-color .15s ease,color .15s ease}.role-pill:hover:not(:disabled){border-color:#8faf6a;color:var(--text)}.role-pill[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:ivory}.role-pill:disabled{opacity:.45;cursor:not-allowed}.toggle-list{display:flex;flex-direction:column;gap:.5rem}.toggle-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .9rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease}.toggle-row.is-on{background:color-mix(in srgb,var(--success) 7%,white);border-color:color-mix(in srgb,var(--success) 30%,#e5e7eb)}.toggle-row:has(.toggle-input:disabled){cursor:not-allowed;opacity:.6}.toggle-copy{display:flex;flex-direction:column;gap:.1rem;min-width:0}.toggle-label{font-size:.875rem;font-weight:500;color:#111827}.toggle-desc{font-size:.75rem;font-weight:400;color:#6b7280}.toggle-input{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0}.toggle-track{position:relative;width:2.5rem;height:1.5rem;border-radius:999px;background:#e5e7eb;flex-shrink:0;transition:background .15s ease}.toggle-row.is-on .toggle-track{background:var(--success)}.toggle-input:focus-visible+.toggle-track{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 45%,transparent)}.toggle-knob{position:absolute;top:.25rem;left:.25rem;width:1rem;height:1rem;border-radius:999px;background:#fff;transition:left .15s ease}.toggle-row.is-on .toggle-knob{left:1.25rem}.member-details{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem 1.5rem;margin:0}@media(min-width:720px){.member-details{grid-template-columns:repeat(3,minmax(0,1fr))}}.member-details dt{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin-bottom:.2rem}.member-details dd{margin:0;font-size:.8125rem;color:#111827}.member-phone{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.4rem;color:#111827}.member-phone svg{color:#9ca3af}.team-chips{display:inline-flex;flex-wrap:wrap;gap:.35rem}.member-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.25rem}.member-skeleton{height:5.25rem;border-radius:.75rem;border:1px solid #e5e7eb;background:#f9fafb;animation:pulse 1.6s ease-in-out infinite}.chip{display:inline-flex;align-items:center;gap:.2rem;border-radius:999px;padding:.1rem .5rem;font-size:.625rem;font-weight:600;border:1px solid #e5e7eb;background:#f9fafb;color:#6b7280;white-space:nowrap}.chip-you{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.chip-ok{background:color-mix(in srgb,var(--success) 10%,white);color:var(--success);border-color:color-mix(in srgb,var(--success) 30%,#e5e7eb)}.chip-off{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.badge.role{font-size:.625rem;padding:.1rem .5rem}.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)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0006;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:modal-fade .15s ease both}.modal-panel{display:flex;flex-direction:column;width:100%;max-width:42rem;max-height:90vh;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 20px 50px #00000038;outline:none;animation:modal-rise .2s ease both}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{font-family:var(--font);font-weight:600;font-size:1.15rem;letter-spacing:-.01em;color:#111827;margin:0}.modal-header p{margin:.15rem 0 0;font-size:.875rem;color:#6b7280}.modal-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#6b7280;width:2rem;height:2rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.modal-close:hover{background:#f3f4f6;color:#111827}.modal-body{padding:1.5rem;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#fafafa;border-radius:0 0 1rem 1rem}.modal-form{display:flex;flex-direction:column;gap:1.5rem}.modal-section{border:none;margin:0;padding:0;min-width:0}.modal-section legend{padding:0;margin-bottom:.75rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.modal-field-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}@media(min-width:640px){.modal-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-field-wide{grid-column:1 / -1}}.modal-field-grid label{font-size:.875rem;font-weight:500;color:#374151;gap:.35rem}.modal-field-grid input,.modal-field-grid select,.modal-field-grid textarea{border:1px solid #e5e7eb;border-radius:.5rem;padding:.6rem .75rem}.modal-field-grid textarea{resize:vertical}.field-hint{font-size:.75rem;font-weight:400;color:#9ca3af}.cover-image-field{display:flex;flex-direction:column;gap:.6rem}.cover-image-field-label{font-size:.875rem;font-weight:500;color:#374151}.cover-image-preview{width:100%;aspect-ratio:16 / 9;max-height:220px;border-radius:.75rem;border:1px dashed #d1d5db;background:#f9fafb;overflow:hidden;display:grid;place-items:center}.cover-image-preview.has-image{border-style:solid;border-color:#e5e7eb;background:#111}.cover-image-preview-img{width:100%;height:100%;object-fit:cover;display:block}.cover-image-placeholder{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:#9ca3af;font-size:.8125rem}.cover-image-actions{display:flex;flex-wrap:wrap;gap:.5rem}.project-detail-hero{display:flex;gap:1rem;align-items:flex-start;min-width:0}.project-detail-cover{width:5.5rem;height:5.5rem;border-radius:.65rem;object-fit:cover;flex-shrink:0;border:1px solid var(--border);background:#f3f4f6}.project-detail-meta{font-size:.8125rem}.project-detail-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.project-edit-btn{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);border-radius:.65rem;transition:background .15s ease,border-color .15s ease,color .15s ease}.project-edit-btn:hover{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 30%,var(--border));color:var(--primary)}.project-edit-btn:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 45%,transparent)}.project-edit-form .grid-span-2{grid-column:1 / -1}.detail-tabs{display:flex;flex-wrap:wrap;gap:.15rem;border-bottom:1px solid var(--border);margin:.25rem 0 0;padding:0}.detail-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;padding:.7rem .95rem;cursor:pointer;font:inherit;font-size:.875rem;font-weight:600;color:var(--text-muted);transition:color .15s ease,border-color .15s ease,background .15s ease;border-radius:.5rem .5rem 0 0;white-space:nowrap}.detail-tab:hover{color:var(--text);background:var(--primary-soft)}.detail-tab[aria-selected=true]{color:var(--primary);border-bottom-color:var(--primary);background:transparent}.detail-tab:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 45%,transparent)}.detail-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;padding:.05rem .4rem;border-radius:999px;font-size:.7rem;font-weight:700;background:var(--bg-muted);color:var(--text-muted);line-height:1.3}.detail-tab[aria-selected=true] .detail-tab-count{background:var(--primary-soft);color:var(--primary)}@media(max-width:640px){.project-detail-hero{flex-direction:column}.detail-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.detail-tab{padding:.65rem .75rem}}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.project-card-skeleton,.project-card,.member-card,.member-skeleton,.modal-backdrop,.modal-panel{animation:none}.project-card:hover .project-card-thumb-img,.project-card:hover .thumb-icon{transform:none}}.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%}.stat{display:flex;flex-direction:column;gap:.2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem 1.15rem;box-shadow:var(--shadow-sm)}.stat .value{font-size:1.6rem;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:.85rem 0;border-bottom:1px solid var(--border)}.nested-block{border:1px solid var(--border);border-radius:var(--radius);padding:.9rem;background:var(--bg-soft)}.color-swatch{display:inline-block;width:1rem;height:1rem;border-radius:4px;border:1px solid var(--border);vertical-align:middle}a.btn{display:inline-flex;align-items:center;color:var(--text-secondary);font-weight:600}a.btn-primary{color:ivory}@media(max-width:800px){.admin-root{grid-template-columns:1fr}.side-nav{position:static;height:auto;min-height:0}.side-nav-links{flex-direction:row;flex-wrap:wrap;padding:.5rem}.side-nav a{border-left:none;border-radius:.5rem;padding:.5rem .75rem}.side-nav a.active{border-left:none;background:var(--sidebar-hover)}.admin-main{padding:1rem}}.plan-viewer{position:relative;overflow:hidden;height:min(60vh,560px);border:1px solid var(--border);border-radius:var(--radius);background:repeating-conic-gradient(#f4f4ea,#f4f4ea 25%,#fbfbf3 0%,#fbfbf3 50%) 0 0 / 24px 24px;-webkit-user-select:none;user-select:none}.plan-viewer--editor{height:min(70vh,720px)}.plan-editor-page .plan-viewer--editor{width:100%;min-width:0;height:100%!important;min-height:0;border-radius:var(--radius)}.plan-editor-page .plan-side{max-height:none!important;height:100%;min-height:0;width:100%}.plan-stage{position:absolute;top:0;left:0;transform-origin:0 0}.plan-underlay{display:block;pointer-events:none;background:#fff}.plan-underlay--loading{display:flex;align-items:center;justify-content:center;background:#fff}.plan-svg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.plan-shape{fill:color-mix(in srgb,var(--primary) 12%,transparent);stroke:var(--primary);cursor:pointer}.plan-shape:hover,.plan-shape.hovered{fill:color-mix(in srgb,var(--primary) 26%,transparent)}.plan-shape.proposed{fill:color-mix(in srgb,var(--accent) 14%,transparent);stroke:var(--accent)}.plan-shape.proposed:hover{fill:color-mix(in srgb,var(--accent) 28%,transparent)}.plan-shape.rejected{fill:transparent;stroke:var(--border-strong);opacity:.5}.plan-shape.unlinked{fill:color-mix(in srgb,var(--primary) 5%,transparent);stroke:color-mix(in srgb,var(--primary) 55%,var(--border-strong))}.plan-shape.selected{fill:color-mix(in srgb,var(--primary) 32%,transparent);stroke:var(--primary-dim)}.plan-shape-label{fill:var(--primary-dim);font-weight:600;text-anchor:middle;dominant-baseline:middle;pointer-events:none;paint-order:stroke;stroke:ivory;stroke-width:.18em;stroke-linejoin:round}.plan-vertex{fill:#fff;stroke:var(--primary);cursor:grab}.plan-vertex-mid{fill:color-mix(in srgb,#ffffff 70%,transparent);stroke:var(--primary-mid);cursor:copy}.plan-draft{fill:color-mix(in srgb,var(--accent) 10%,transparent);stroke:var(--accent-dim)}line.plan-draft{fill:none}.plan-draft-first{fill:#fff;stroke:var(--accent-dim)}.plan-draft-first.closable{fill:var(--accent-soft);stroke:var(--accent)}.plan-reset-view,.plan-viewer-controls{position:absolute;right:.6rem;bottom:.6rem;z-index:2}.plan-viewer-controls{align-items:center;gap:.6rem;background:color-mix(in srgb,#fffff0 88%,transparent);border:1px solid var(--border);border-radius:var(--radius);padding:.3rem .6rem}.plan-hover-label{position:absolute;top:.6rem;left:.6rem;z-index:2;background:color-mix(in srgb,#fffff0 92%,transparent);border:1px solid var(--border);border-radius:var(--radius);padding:.3rem .65rem;font-weight:600;color:var(--primary-dim);pointer-events:none}.plan-editor{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem;align-items:start}@media(max-width:900px){.plan-editor{grid-template-columns:1fr}.plan-editor-page .plan-editor{grid-template-columns:1fr!important;grid-template-rows:minmax(50vh,1fr) auto;overflow-y:auto}.plan-editor-page .plan-viewer--editor{height:min(55vh,520px)!important}.plan-editor-page .plan-side{height:auto;max-height:none!important}}.plan-toolbar{flex-wrap:wrap;gap:.4rem;align-items:center}.tool-btn[aria-pressed=true]{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 35%,var(--border));color:var(--primary-dim)}.plan-opacity input[type=range]{width:110px}.plan-side{border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;max-height:min(70vh,720px);overflow-y:auto;background:#fffff8}.plan-shape-list{gap:.6rem}.plan-shape-row{border:1px solid var(--border);border-radius:var(--radius);padding:.6rem;gap:.45rem;cursor:pointer;background:#fff}.plan-shape-row.selected{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 25%,transparent)}.badge-accent{background:var(--accent-soft);color:var(--accent-dim);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.badge-linked{background:var(--primary-soft);color:var(--primary-dim);border-color:color-mix(in srgb,var(--primary) 30%,var(--border));display:inline-flex;align-items:center;gap:.25rem}.icon-btn{border:none;background:transparent;color:var(--muted, #777);cursor:pointer;padding:.2rem;border-radius:6px;line-height:0}.icon-btn:hover{background:var(--primary-soft);color:var(--primary-dim)}.plan-empty{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;cursor:pointer;background:#fffff8}.plan-empty:hover{border-color:var(--primary-mid);background:var(--primary-soft)}.plan-page-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem}.plan-thumb{border:2px solid var(--border);border-radius:var(--radius);background:#fff;padding:.4rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.3rem}.plan-thumb:hover{border-color:var(--accent)}.plan-thumb img{max-width:100%;border:1px solid var(--border)}.plan-preview{max-width:100%;max-height:320px;object-fit:contain;border:1px solid var(--border);border-radius:var(--radius);align-self:center}.plan-sheet-tabs{flex-wrap:wrap;gap:.4rem}.plan-shape-fields{display:grid;grid-template-columns:1fr;gap:.4rem}.plan-note-pin{fill:var(--accent);stroke:var(--accent-dim)}.plan-note-text{fill:var(--accent-dim);font-weight:600;dominant-baseline:middle;paint-order:stroke;stroke:ivory;stroke-width:.22em;stroke-linejoin:round}.plan-note.selected .plan-note-pin{fill:var(--accent-dim);stroke:var(--primary-dim)}.plan-note.selected .plan-note-text{fill:var(--primary-dim)}