:root{--brand-green:#97c12f;--brand-green-dark:#82a828;--brand-green-focus:#97c12f66;--brand-red:#c42217;--brand-pets-blue:#018496;--brand-dating-red:#c90614;--brand-productions-gold:#dabe4a;--panel-dark:#1a2538;--navy-800:#10233f;--navy-700:#1c3357;--slate-050:#f1f5f9;--slate-500:#64748b;--slate-700:#334155;color:#111827;background-color:var(--slate-050);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{-webkit-tap-highlight-color:transparent;margin:0}h1,h2,h3,.font-heading{font-family:Poppins,Inter,sans-serif}:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px}#root{min-height:100vh}.app-shell{background:var(--slate-050);grid-template-columns:220px 1fr;height:100vh;display:grid;overflow:hidden}.side-nav{border-right:1px solid var(--navy-800);background:var(--panel-dark);color:#dbe7f7;flex-direction:column;height:100vh;padding:0;display:flex;position:sticky;top:0}.side-brand{border-bottom:1px solid #1d3559;align-items:center;gap:10px;padding:1.25rem 1rem;display:flex}.mobile-nav-actions{gap:.45rem;margin-left:auto;display:none}.mobile-back-button,.mobile-nav-toggle{color:#fff;background:#ffffff14;border-color:#ffffff29;width:auto;min-width:2.25rem;padding:.45rem .6rem}.side-brand-logo{object-fit:contain;border-radius:8px;width:32px;height:32px}.sidebar-brand-text{letter-spacing:.08em;color:#fff;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:700}.project-pill{background:var(--navy-800);color:#d5e2f4;text-transform:none;letter-spacing:normal;border:1px solid #27446e;border-radius:.4rem;margin:.75rem .75rem 0;padding:.35rem .5rem;font-size:.84rem}.side-nav nav{flex-direction:column;flex:1;gap:.5rem;min-height:0;margin-top:.75rem;padding:.25rem 0;display:flex;overflow-y:auto}.nav-section{flex-direction:column;display:flex}.nav-section-toggle{color:#64748b;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.5rem;width:auto;margin:.45rem 1rem .25rem;padding:0;display:flex}.nav-section-toggle span{min-width:0}.nav-section-toggle,.nav-section-title{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin:.45rem 1rem .25rem;font-size:.68rem;font-weight:800}.nav-section-links{flex-direction:column;display:flex}.side-nav a{color:#94a3b8;border-left:3px solid #0000;border-radius:0;align-items:center;gap:10px;padding:.6rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-icon{text-align:center;width:16px}.side-nav a.active{color:#fff;border-left-color:var(--brand-green);background:#ffffff14;font-weight:600}.side-nav a:hover{color:#e2e8f0;background:#ffffff0f}.side-footer{border-top:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:.6rem;margin-top:auto;padding:.75rem;display:flex}.sidebar-live-stats{color:#f8fafc;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px 12px;padding:.5rem .65rem;font-size:.75rem;display:grid}.live-stats-row{justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.live-stats-row span:first-child{color:var(--brand-green);font-weight:700}.sidebar-profile{align-items:center;gap:8px;padding:.5rem .25rem 0;display:flex}.sidebar-avatar{border:2px solid var(--brand-green);object-fit:cover;border-radius:50%;width:32px;height:32px}.sidebar-profile-info{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-display-name{color:#fff;font-size:.8rem;font-weight:600}.sidebar-profile-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.sidebar-logout-icon{color:#64748b;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:1rem;transition:color .2s}.sidebar-logout-icon:hover{color:#ef4444}.main-content{background:var(--slate-050);height:100vh;padding:1.25rem;position:relative;overflow:hidden auto}.auth-loading{color:#475569;place-items:center;min-height:100vh;display:grid}.page-header{background:var(--slate-050);z-index:10;border-bottom:1px solid #d1d5db;margin:-1.25rem 0 1rem;padding:1.25rem 0 .5rem;position:sticky;top:-1.25rem}.page-header h1{margin:0;font-size:1.45rem}.page-header p{color:#6b7280;margin:.5rem 0 1rem}.project-context-pill{color:#334155;background:#fff;border:1px solid #d1d5db;border-radius:999px;margin:0 0 .9rem;padding:.35rem .55rem;font-size:.82rem;display:inline-block}.card-grid{grid-template-columns:1fr;gap:.9rem;display:grid}.card-grid.two,.card-grid.three{grid-template-columns:1fr}.settings-accordion-list{grid-template-columns:1fr;gap:.9rem;max-width:980px;display:grid}.card,.stat-card{background:#fff;border:1px solid #d1d5db;border-radius:.7rem;padding:.9rem}.card h2,.stat-card h2{margin:0 0 .45rem;font-size:1rem}.card summary,.stat-card summary{cursor:pointer;color:#111827;font-weight:800}.stat-card>p:first-of-type{color:var(--panel-dark);margin:.55rem 0 .3rem;font-size:1.7rem;font-weight:800}.review-group{border-top:1px solid #e5e7eb;margin-top:.75rem;padding-top:.75rem}.interactive-list{margin:0;padding-left:1.15rem}.interactive-list li{margin-bottom:.2rem}.text-button{color:#3b82f6;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;margin:0;padding:0;font-size:.9rem;text-decoration:underline}.text-button:hover{color:#1d4ed8}.card ul,.card ol{margin:0;padding-left:1.15rem}.card pre{background:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;margin:0 0 .6rem;padding:.55rem;font-size:.82rem;overflow-x:auto}.card input,.card textarea,.card select,.matrix-table input[type=text],.matrix-table select{width:100%;font:inherit;border:1px solid #d1d5db;border-radius:.4rem;padding:.4rem .45rem}.card label{margin-bottom:.65rem;display:block}.inline-actions{flex-wrap:wrap;gap:.5rem;display:flex}.inline-actions>*{min-width:fit-content}.secondary-button{color:#334155;background:#f8fafc;border-color:#cbd5e1}.compact-button{margin-top:.35rem;padding:.28rem .45rem;font-size:.78rem}.core-reference{border-left:4px solid var(--brand-productions-gold);background:#fffdf4}.core-reference p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.45}.button-row{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.helpdesk-login-page{background:var(--panel-dark);border-radius:0;place-items:center;width:100%;min-height:100vh;padding:0;display:grid}.helpdesk-login-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:400px;padding:3rem;box-shadow:0 20px 25px -5px #0000001a}.helpdesk-login-card h1{text-align:center;color:#0f1b33;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem;font-size:1.35rem;line-height:1}.helpdesk-subtitle{text-align:center;color:#64748b;margin:0 0 1.5rem;font-size:.92rem}.helpdesk-logo{object-fit:contain;width:80px;height:80px;margin:0 auto 1rem;display:block}.helpdesk-login-card input{border:1px solid #e5e7eb;border-radius:8px;width:100%;margin-bottom:1rem;padding:14px;font-size:.9rem}.helpdesk-remember{color:#475569;align-items:center;gap:.45rem;margin-top:0;margin-bottom:1rem;font-size:.9rem;display:flex}.helpdesk-remember input{width:auto;margin:0 .5rem 0 0}.helpdesk-login-card .helpdesk-primary{border-color:var(--brand-green);background:var(--brand-green);color:#fff;border:none;border-radius:8px;width:100%;margin-top:0;padding:14px;font-weight:700}.helpdesk-login-card .helpdesk-primary:hover{background:var(--brand-green-dark)}.helpdesk-login-card .helpdesk-google{color:#444;background:#fff;border-color:#ccc;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;padding:14px;font-weight:700;transition:background-color .2s;display:inline-flex}.google-signin-icon{width:18px;height:18px}.helpdesk-links{justify-content:space-between;margin-top:.7rem;display:flex}.helpdesk-links .button-ghost{margin-right:0}.helpdesk-footer{text-align:center;color:#94a3b8;margin-top:.75rem;font-size:.82rem;font-weight:600}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.matrix-table input[type=checkbox]{width:auto}button{border:1px solid var(--panel-dark);background:var(--panel-dark);color:#fff;cursor:pointer;border-radius:.45rem;padding:.45rem .7rem}button:disabled{opacity:.5;cursor:not-allowed}.button-ghost{color:#111827;background:#fff;border:1px solid #d1d5db;margin-right:.3rem}.button-ghost.active{background:var(--panel-dark);color:#fff;border-color:var(--panel-dark)}.button-link{border:1px solid var(--panel-dark);background:var(--panel-dark);color:#fff;border-radius:.45rem;padding:.45rem .7rem;font-size:.85rem;text-decoration:none;display:inline-block}.text-brand-green{color:var(--brand-green)}.text-brand-red{color:var(--brand-red)}.text-brand-pets-blue{color:var(--brand-pets-blue)}.text-brand-dating-red{color:var(--brand-dating-red)}.text-brand-gold{color:var(--brand-productions-gold)}.bg-brand-green{background:var(--brand-green)}.bg-brand-red{background:var(--brand-red)}.bg-brand-pets-blue{background:var(--brand-pets-blue)}.bg-brand-dating-red{background:var(--brand-dating-red)}.bg-brand-gold{background:var(--brand-productions-gold)}.file-label{cursor:pointer;align-items:center;gap:.35rem;display:inline-flex}.file-label input[type=file]{display:none}.file-picker-row{justify-content:space-between;align-items:center;gap:.75rem;padding:.25rem 0;display:flex}.section-toggle{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #d1d5db;border-radius:.5rem;justify-content:space-between;align-items:center;width:100%;margin-bottom:.65rem;padding:.55rem .75rem;font-weight:700;display:flex}.current-project-arrow{color:var(--brand-productions-gold);margin-right:.25rem;font-weight:700}.error{color:#b91c1c}.success{color:#166534}.review-pill{color:#92400e;background:#fffbeb;border:1px solid #f59e0b;border-radius:.35rem;padding:.1rem .35rem;font-size:.78rem;display:inline-block}.stats-grid{grid-template-columns:1fr;gap:.8rem;display:grid}.table-wrap{background:#fff;border:1px solid #d1d5db;border-radius:.7rem;max-height:80vh;overflow-x:auto}.matrix-table{border-collapse:collapse;width:100%;min-width:900px}.matrix-table th,.matrix-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:.55rem}.matrix-table th{z-index:10;background:#f3f4f6;position:sticky;top:0;box-shadow:0 1px #e5e7eb}@media (width<=980px){.app-shell{height:100vh;min-height:100vh;display:block;overflow:hidden}.side-nav{z-index:50;border-right:1px solid var(--navy-800);border-bottom:0;width:72px;height:100vh;transition:width .18s,box-shadow .18s;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.side-nav.nav-open{width:min(86vw,320px);box-shadow:18px 0 34px #0f172a38}.side-brand{flex-direction:column;align-items:center;gap:.55rem;padding:.75rem .45rem}.side-nav.nav-open .side-brand{flex-direction:row;align-items:center;padding:.75rem 1rem}.side-nav:not(.nav-open) .sidebar-brand-text{display:none}.mobile-nav-actions{flex-direction:column;margin-left:0;display:flex}.side-nav.nav-open .mobile-nav-actions{flex-direction:row;margin-left:auto}.side-nav nav{flex:none;margin-top:0;display:none}.side-nav.nav-open nav{flex-direction:column;flex:1;gap:.45rem;min-height:0;max-height:none;padding:.65rem 0 .85rem;display:flex;overflow-y:auto}.nav-section{min-width:0}.nav-section-title{margin:.45rem 1rem .25rem}.nav-section-toggle{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:.5rem;width:calc(100% - 2rem);padding:.55rem .65rem}.side-nav a{white-space:normal;border-bottom:0;border-left:3px solid #0000;border-radius:0;padding:.65rem 1rem}.side-nav a.active{border-left-color:var(--brand-green)}.side-footer{margin-top:auto;padding:.65rem .45rem;display:flex}.side-nav:not(.nav-open) .sidebar-live-stats,.side-nav:not(.nav-open) .sidebar-avatar,.side-nav:not(.nav-open) .sidebar-profile-info{display:none}.side-nav:not(.nav-open) .sidebar-profile{justify-content:center;padding:0}.side-nav.nav-open .side-footer{padding:.75rem}.main-content{height:100vh;min-height:0;margin-left:72px;padding:1rem;overflow:hidden auto}.card-grid,.card-grid.two,.stats-grid{grid-template-columns:1fr}.matrix-table{min-width:760px}}@media (width<=640px){.main-content{padding:.75rem}.page-header h1{font-size:1.2rem}.page-header p{font-size:.9rem}.card,.stat-card{padding:.75rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-actions,.button-row,.file-picker-row{flex-direction:column;align-items:stretch}.inline-actions>*,.button-row>*,.file-picker-row>*{width:100%}button,.button-link,.button-ghost{text-align:center;width:100%}.mobile-back-button,.mobile-nav-toggle{width:auto}.helpdesk-login-page{padding:1rem}.helpdesk-login-card{padding:1.5rem}.project-context-pill{border-radius:.65rem;line-height:1.35}}
