:root{color:#f5f8fc;--panel:#081524;--line:#21344d;--muted:#94a2b4;--green:#48cf68;--blue:#2e8ee9;--purple:#8245d5;--gold:#dfa21b;--red:#e34655;--cyan:#26b8c9;--orange:#e58324;--pink:#d5468d;background:#040914;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:radial-gradient(circle at 50% 0,#0b1830,#050a16 47%,#02060d);min-width:320px;min-height:100%;margin:0}body.is-resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #4bcaff}.app-shell{--sidebar-width:195px;--right-width:290px;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:30;background:#06101b;border-right:1px solid #16283b;flex-direction:column;height:100vh;padding:10px;display:flex;position:sticky;top:0;overflow:hidden}.brand{border-bottom:1px solid #14263a;align-items:center;gap:8px;min-height:48px;font-size:24px;display:flex}.brand b{font-size:16px;display:block}.brand small{color:#52d46b;font-size:6px;display:block}.dash-code{background:#121027;border:1px solid #332752;border-radius:7px;margin:10px 0;padding:8px}.dash-code b,.dash-code span{display:block}.dash-code b{color:#c17bff;font-size:11px}.dash-code span{font-size:7px}.sidebar-scroll{overscroll-behavior:contain;overflow-y:auto}.sidebar-scroll::-webkit-scrollbar{width:8px;height:8px}.dashboard-scroll::-webkit-scrollbar{width:8px;height:8px}.right-rail::-webkit-scrollbar{width:8px;height:8px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#243a55;border-radius:99px}.dashboard-scroll::-webkit-scrollbar-thumb{background:#243a55;border-radius:99px}.right-rail::-webkit-scrollbar-thumb{background:#243a55;border-radius:99px}.nav-link{text-align:left;color:#bdc7d4;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:7px 8px;font-size:7px;display:flex}.nav-link:hover{background:#0b1929}.nav-link.selected{color:#fff;background:linear-gradient(90deg,#40206e,#6128a5)}.nav-link em{background:#64369e;border-radius:99px;margin-left:auto;padding:1px 5px;font-size:6px;font-style:normal}.nav-link strong{color:#74de82;background:#183d1e;border:1px solid #397a42;border-radius:4px;margin-left:auto;padding:2px 5px;font-size:5px}.org-card{background:#0a1725;border:1px solid #27364c;border-radius:7px;margin-top:auto;padding:8px}.org-card small,.org-card b,.org-card span{display:block}.org-card small{color:#b870ed;font-size:6px}.org-card b{margin:6px 0;font-size:8px}.org-card span{color:#9ca8b8;font-size:6px}.org-card button{background:#2a1746;border:1px solid #51327c;border-radius:5px;width:100%;margin-top:8px;padding:6px;font-size:6px}.sidebar-toggle{background:#0a1625;border:1px solid #293d56;border-radius:0 7px 7px 0;place-items:center;width:26px;height:34px;display:grid;position:absolute;top:76px;right:-13px}.resize-handle{cursor:col-resize;z-index:50;width:6px;position:absolute;top:0;bottom:0}.sidebar-handle{right:-3px}.right-handle{left:-3px}.sidebar.collapsed .brand,.sidebar.collapsed .nav-link{justify-content:center}.main{grid-template-rows:auto 1fr auto;min-width:0;height:100vh;padding:0 10px;display:grid;overflow:hidden}.topbar{border-bottom:1px solid #1b2d43;grid-template-columns:1fr auto auto;align-items:center;gap:18px;min-height:62px;display:grid}.title-area{align-items:center;gap:8px;display:flex}.title-area h1{margin:0;font-size:18px}.title-area p{color:#a0adbd;margin:2px 0;font-size:8px}.mobile-menu{background:0 0;border:0;display:none}.org-select select{background:#091625;border:1px solid #263950;border-radius:5px;padding:7px 9px;font-size:7px}.top-actions{align-items:center;gap:10px;font-size:7px;display:flex}.dashboard-scroll{overscroll-behavior:contain;padding-bottom:8px;overflow:auto}.panel{background:linear-gradient(#091625,#071321);border:1px solid #21344d;border-radius:8px;box-shadow:0 8px 22px #0003}.metrics-grid{grid-template-columns:repeat(8,minmax(135px,1fr));gap:7px;min-width:1080px;margin:9px 0;display:grid}.metric{height:88px;padding:8px}.metric small,.metric span{font-size:6px;display:block}.metric b{margin:6px 0;font-size:17px;display:block}.metric.green b{color:#4bd16d}.metric.blue b{color:#4b9eef}.metric.purple b{color:#aa6bea}.metric.gold b{color:#e4ad25}.metric.red b{color:#ef4f5f}.metric.cyan b{color:#39bfd1}.metric.orange b{color:#e8872c}.metric.pink b{color:#e267aa}.workspace{grid-template-columns:minmax(0,1fr) var(--right-width);align-items:start;gap:8px;display:grid}.workspace-main{gap:8px;min-width:0;display:grid}.right-rail{align-content:start;gap:8px;max-height:calc(100vh - 132px);display:grid;position:sticky;top:0;overflow:auto}.collapsible{padding:0;overflow:hidden}.panel-header{border-bottom:1px solid #1b2d42;justify-content:space-between;align-items:center;min-height:36px;padding:6px 8px;display:flex}.collapse-toggle{background:0 0;border:0;align-items:center;gap:6px;font-size:8px;display:flex}.panel-actions{align-items:center;gap:5px;display:flex}.panel-actions button{background:#0a1929;border:1px solid #293b53;border-radius:4px;padding:4px 6px;font-size:6px}.icon-action{place-items:center;display:grid!important}.panel-body{min-width:0;padding:8px}.panel-expanded{z-index:100;background:#071321;max-height:none!important;position:fixed!important;inset:12px!important}.panel-expanded .panel-body{height:calc(100vh - 64px);overflow:auto}.top-grid{grid-template-columns:1.1fr 1.25fr .85fr;gap:8px;display:grid}.system-access-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.bottom-grid{grid-template-columns:1.1fr 1.1fr .8fr .8fr;gap:8px;display:grid}.assignment-list{gap:7px;display:grid}.assignment-list article{border:1px solid #1f344b;border-radius:6px;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:8px;display:grid}.assign-icon{color:#58d674;background:#173d24;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.assignment-list b,.assignment-list small{display:block}.assignment-list b{font-size:7px}.assignment-list small{color:#9ca8b8;font-size:6px;line-height:1.5}.status{border-radius:4px;padding:4px 6px;font-size:6px}.status.ok{color:#6cdf82;background:#123d21}.status.pending{color:#d18aff;background:#40235c}.schedule-grid{grid-template-columns:1.1fr .9fr;gap:10px;display:grid}.timeline-day h3,.mini-calendar h3{margin:0 0 8px;font-size:7px}.timeline-day>div{border-left:2px solid #2c75bd;grid-template-columns:70px 1fr;gap:8px;padding:7px 0 7px 8px;font-size:6px;display:grid}.timeline-day small{color:#8f9daf}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.calendar-grid span{border-radius:4px;place-items:center;min-height:22px;font-size:6px;display:grid}.calendar-grid .active{background:#6a34a9}.quick-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.quick-actions button{border:1px solid #263950;border-radius:5px;padding:9px 7px;font-size:6px}.q0{background:#174c2a}.q1{background:#3b2265}.q2{background:#55390f}.q3{background:#123d66}.q4{background:#0c3b47}.q5{background:#4a1d3c}.q6{background:#142032;grid-column:1/3}.access-panel p{color:#b899d7;margin:0 0 7px;font-size:7px}.access-panel ul{gap:5px;margin:0;padding-left:16px;font-size:6px;display:grid}.journal{border-color:#593179}.prayer{border-color:#542d7d}.game{border-color:#7a4a1d}.recent-box{border:1px solid #26384d;border-radius:5px;margin-top:8px;padding:7px}.recent-box b,.recent-box small{display:block}.recent-box b{color:#b97ce9;font-size:6px}.recent-box small{color:#a3afbd;margin-top:4px;font-size:6px}.opportunity-list,.training-list,.impact-list{margin:0;padding:0;list-style:none;display:grid}.opportunity-list li{border-bottom:1px solid #1b2d42;grid-template-columns:auto 1.4fr .8fr .6fr auto;align-items:center;gap:6px;padding:6px 0;font-size:6px;display:grid}.opportunity-list em{color:#f2bd31;font-style:normal}.opportunity-list button{background:#2c1849;border:1px solid #573786;border-radius:4px;padding:4px 7px}.training-list li{border-bottom:1px solid #1b2d42;grid-template-columns:auto 1fr auto auto;align-items:center;gap:6px;padding:6px 0;font-size:6px;display:grid}.training-list em{font-style:normal}.complete{color:#5ed67a}.due{color:#e9b126}.not{color:#ef5d68}.team-card{align-items:center;gap:7px;display:flex}.team-card b,.team-card small{display:block}.team-card b{font-size:7px}.team-card small{color:#9ba8b8;font-size:6px}.avatars{margin:8px 0;font-size:14px}.next-meeting{border-top:1px solid #1b2d42;padding-top:7px}.next-meeting b,.next-meeting small{font-size:6px;display:block}.message-team{background:#20143a;border:1px solid #473270;border-radius:5px;width:100%;margin-top:7px;padding:6px;font-size:6px}.impact-list li{border-bottom:1px solid #1c2d42;grid-template-columns:1fr auto auto;gap:6px;padding:6px 0;font-size:6px;display:grid}.impact-list span{color:#54d56e}.profile-card{text-align:center;position:relative}.avatar{background:linear-gradient(145deg,#4a2d22,#a16b45);border-radius:50%;place-items:center;width:70px;height:70px;margin:auto;font-size:17px;display:grid}.profile-card h3{margin:8px 0 3px;font-size:9px}.profile-card p,.profile-card small{color:#a3afbd;font-size:6px}.verified{color:#67d879;background:#153d21;border-radius:4px;padding:3px 6px;font-size:5px;position:absolute;top:0;right:0}.permission-card h3{color:#b67cf0;font-size:8px}.permission-card ul{gap:6px;padding:0;font-size:6px;list-style:none;display:grid}.admin-cap{border-top:1px solid #1c2d42;padding-top:8px}.admin-cap b,.admin-cap span{font-size:6px;display:block}.admin-cap b{color:#e5ad29}.admin-cap span{color:#f2bd3d}.admin-tools{display:grid}.admin-tools button{background:0 0;border:0;border-bottom:1px solid #1b2d42;justify-content:space-between;padding:8px 0;font-size:6px;display:flex}.status-bar{background:#06101c;border-top:1px solid #1b2e44;align-items:center;gap:6px;min-height:58px;padding:6px;display:flex;overflow-x:auto}.status-bar>div{border-right:1px solid #183049;flex:1 0 160px;align-items:center;gap:7px;display:flex}.status-bar>div>svg{color:#51d972}.status-bar b,.status-bar small{display:block}.status-bar b{color:#65de80;font-size:6px}.status-bar small{color:#8f9daf;font-size:5px}.status-bar button{background:#091624;border:1px solid #24374f;border-radius:5px;flex:none;padding:7px 9px;font-size:6px}.compact .metric{height:72px}.compact .panel-header{min-height:30px}.compact .panel-body,.compact .assignment-list article{padding:6px}.compact .status-bar{min-height:48px}.fallback-panel{color:#ffd46e;gap:8px;padding:12px;display:grid}.fallback-panel button,.fatal-card button{background:#5f2fb2;border:0;border-radius:5px;width:max-content;padding:8px 12px}.fatal-shell{place-items:center;min-height:100vh;display:grid}.fatal-card{background:#091625;border:1px solid #30475f;border-radius:10px;max-width:600px;padding:22px}.fatal-card pre{white-space:pre-wrap;color:#ffb5b5;background:#030810;border-radius:5px;padding:9px}.fatal-actions{gap:8px;display:flex}@media (width<=1450px){.metrics-grid{grid-template-columns:repeat(4,minmax(150px,1fr));min-width:0}.top-grid{grid-template-columns:1fr 1fr}.top-grid>:last-child{grid-column:1/3}.bottom-grid{grid-template-columns:1fr 1fr}}@media (width<=1100px){.workspace{grid-template-columns:1fr}.right-rail{grid-template-columns:repeat(3,1fr);max-height:none;position:static}.right-handle{display:none}.system-access-grid{grid-template-columns:1fr 1fr}.system-access-grid>:last-child{grid-column:1/3}.topbar{grid-template-columns:1fr 1fr}.top-actions{grid-column:1/3}}@media (width<=820px){.app-shell{grid-template-columns:1fr}.sidebar{width:var(--sidebar-width);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar:not(.collapsed){transform:translate(0)}.main{padding-inline:7px}.mobile-menu{display:inline-grid}.topbar{grid-template-columns:1fr;padding:8px 0}.org-select,.top-actions{grid-column:auto}.top-actions{overflow-x:auto}.metrics-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.top-grid,.bottom-grid,.right-rail,.system-access-grid{grid-template-columns:1fr}.top-grid>:last-child,.system-access-grid>:last-child{grid-column:auto}.schedule-grid{grid-template-columns:1fr}}@media (width<=520px){.title-area h1{font-size:14px}.metrics-grid{grid-template-columns:1fr 1fr}.quick-actions{grid-template-columns:1fr}.q6{grid-column:auto}.opportunity-list li{grid-template-columns:auto 1fr auto}.opportunity-list small,.opportunity-list em{display:none}.training-list li{grid-template-columns:auto 1fr auto}.training-list small{display:none}.status-bar>div{flex-basis:145px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
