:root,[data-theme=dark]{--bg-page:#0c0e14;--bg-surface:#111827;--bg-surface-2:#1a1f2e;--bg-surface-3:#1e2433;--text-primary:#e8ecf1;--text-body:#c8cdd5;--text-secondary:#94a3b8;--text-tertiary:#567;--text-disabled:#3a3f4b;--brand-primary:#3b82f6;--brand-deep:#1e40af;--brand-soft:#1e3a5f;--severity-routine:#22c55e;--severity-attention:#f59e0b;--severity-severe:#ef4444;--status-success:#22c55e;--status-warning:#f59e0b;--status-danger:#ef4444;--status-info:#3b82f6;--status-offline:#64748b;--bg-success:#052e16;--bg-warning:#422006;--bg-danger:#450a0a;--bg-info:#0c1929;--bg-offline:#1f1f23;--border-success:#14532d;--border-warning:#7c2d12;--border-danger:#7f1d1d;--border-info:#1e3a5f;--border-offline:#3a3f4b;--theme-color:#080a10;--role-owner:#f59e0b;--role-owner-bg:#422006;--role-admin:#3b82f6;--role-admin-bg:#0c1929;--role-pm:#8b5cf6;--role-pm-bg:#1e1b4b;--role-site:#22c55e;--role-site-bg:#052e16;--role-engineer:#06b6d4;--role-engineer-bg:#083344;--role-finance:#f97316;--role-finance-bg:#431407;--role-executive:#ec4899;--role-executive-bg:#500724;--role-viewer:#94a3b8;--role-viewer-bg:#1f1f23}[data-theme=field]{--bg-page:#fafaf9;--bg-surface:#fff;--bg-surface-2:#f5f5f4;--bg-surface-3:#e7e5e4;--text-primary:#0c0a09;--text-body:#1c1917;--text-secondary:#57534e;--text-tertiary:#78716c;--text-disabled:#a8a29e;--brand-primary:#2563eb;--brand-deep:#1d4ed8;--brand-soft:#dbeafe;--severity-routine:#15803d;--severity-attention:#b45309;--severity-severe:#b91c1c;--status-success:#15803d;--status-warning:#b45309;--status-danger:#b91c1c;--status-info:#2563eb;--status-offline:#78716c;--bg-success:#dcfce7;--bg-warning:#fef3c7;--bg-danger:#fee2e2;--bg-info:#dbeafe;--bg-offline:#f5f5f4;--border-success:#86efac;--border-warning:#fcd34d;--border-danger:#fca5a5;--border-info:#93c5fd;--border-offline:#d6d3d1;--theme-color:#fafaf9;--role-owner:#b45309;--role-owner-bg:#fef3c7;--role-admin:#1d4ed8;--role-admin-bg:#dbeafe;--role-pm:#6d28d9;--role-pm-bg:#ede9fe;--role-site:#15803d;--role-site-bg:#dcfce7;--role-engineer:#0e7490;--role-engineer-bg:#cffafe;--role-finance:#c2410c;--role-finance-bg:#ffedd5;--role-executive:#be185d;--role-executive-bg:#fce7f3;--role-viewer:#57534e;--role-viewer-bg:#f5f5f4}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-row:10px;--radius-card:12px;--radius-card-lg:20px;--radius-btn:10px;--radius-input:8px;--radius-icon:8px;--radius-pill:999px;--font-sans:"IBM Plex Sans","Noto Sans TC",-apple-system,sans-serif;--font-mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}body{-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;margin:0;padding:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (hover:hover){button:hover{filter:brightness(1.1)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:var(--brand-soft);color:var(--text-primary)}.mobile-overlay{z-index:49;background:#0009;animation:.2s fadeIn;display:none;position:fixed;inset:0}.mobile-overlay.active{display:block}.mobile-menu-btn{z-index:51;background:var(--bg-surface);border:1px solid var(--bg-surface-3);width:40px;height:40px;color:var(--text-body);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:none;position:fixed;top:12px;left:12px}@media (max-width:768px){.mobile-menu-btn{display:flex}aside{transform:translate(-100%);z-index:50!important;width:260px!important;transition:transform .25s!important}aside.sidebar-open{animation:.25s slideIn;transform:translate(0)}main{margin-left:0!important}header{padding:12px 16px 12px 56px!important}.page-content,main>div:last-child{padding:16px!important}}@media (max-width:640px){.type-grid{grid-template-columns:repeat(2,1fr)!important}.location-row,.submit-row{flex-direction:column!important}.submit-row button{width:100%}.photo-preview img{width:64px!important;height:64px!important}.projects-grid,.event-detail-grid{grid-template-columns:1fr!important}.filter-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}}@media (max-width:768px){.section-grid{grid-template-columns:1fr!important}.controls-row{flex-direction:column!important;align-items:stretch!important}.controls-right,.log-actions{flex-direction:column!important}.log-actions button{width:100%}}@media (max-width:640px){.gallery-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:400px){.gallery-grid{grid-template-columns:repeat(2,1fr)!important;gap:4px!important}}@media (max-width:768px){.members-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.invite-form-row,.hierarchy-columns{flex-direction:column!important}.hide-mobile{display:none!important}.header-row{flex-direction:column!important;align-items:stretch!important}.header-right{flex-direction:column!important}}@supports (padding-top:env(safe-area-inset-top)){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@media (max-width:768px){button,select,input,a{min-height:48px}select{font-size:16px}}