:root{--primary:#0b4ed8;--primary-strong:#083aa2;--primary-soft:#edf3ff;--ink:#10204a;--muted:#66718c;--line:#dfe5ef;--line-strong:#c8d1e0;--surface:#ffffff;--surface-alt:#f7f9fc;--background:#f4f7fb;--success:#14804a;--success-soft:rgba(20,128,74,.06);--warning:#a85c00;--warning-soft:rgba(168,92,0,.06);--danger:#bf2c2c;--danger-soft:rgba(191,44,44,.06);--radius:12px;--sidebar:272px;--topbar:76px;--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--text-display:600 20px/28px var(--font-sans);--text-title:600 16px/24px var(--font-sans);--text-section:600 14px/20px var(--font-sans);--text-button-lg:500 16px/24px var(--font-sans);--text-button:500 14px/20px var(--font-sans);--text-label:500 14px/20px var(--font-sans);--text-body:400 15px/24px var(--font-sans);--text-body-loose:400 15px/28px var(--font-sans);--text-ui:400 14px/20px var(--font-sans);--text-support:400 14px/20px var(--font-sans);--text-caption:400 12px/16px var(--font-sans);--text-caption-em:550 12px/16px var(--font-sans);--text-micro:400 11px/normal var(--font-sans);--text-eyebrow:600 11px/normal var(--font-sans);--text-badge:400 10px/normal var(--font-sans);--text-code:400 12px/16px var(--font-mono)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--ink);font:var(--text-ui);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}/* Typography scale */.text-display{font:var(--text-display)}.text-title{font:var(--text-title)}.text-section{font:var(--text-section)}.text-body{font:var(--text-body)}.text-body-loose{font:var(--text-body-loose)}.text-ui{font:var(--text-ui)}.text-support{font:var(--text-support)}.text-caption{font:var(--text-caption)}.text-caption-em{font:var(--text-caption-em)}.text-micro{font:var(--text-micro)}.text-eyebrow{font:var(--text-eyebrow)}.text-badge{font:var(--text-badge)}code,pre,kbd:not(.sidebar-create-kbd),samp{font:var(--text-code)}.module-card strong,.activity-card h3,.news-card strong{font:var(--text-title)}.module-card p,.activity-card p,.news-card p,.person-cell small{font:var(--text-caption);color:var(--muted)}.person-cell strong,.profile-copy strong{font:var(--text-section)}.dropdown-heading{font:var(--text-eyebrow)}.attention-bar strong{font:var(--text-section)}.attention-bar p{font:var(--text-caption)}.breadcrumb-block span{font:var(--text-micro);color:var(--muted);text-transform:uppercase}.breadcrumb-block strong{font:var(--text-section)}.switch-row strong{font:var(--text-section)}.switch-row small{font:var(--text-caption);color:var(--muted)}.pagination{font:var(--text-caption)}.toast{font:var(--text-label)}@media(min-width:900px){.page-header h1,.text-display,.metric-card strong{font-size:24px;line-height:32px}.page-header p,.text-support,.launch-header p{font-size:16px;line-height:24px}}button,input,select,textarea{font:inherit;color:inherit}button,a{transition:background-color .16s ease,border-color .16s ease,color .16s ease}button{cursor:pointer}a{color:inherit}.muted{color:var(--muted)}.hidden{display:none!important}.ph,.ph-fill{font-size:1.08em;line-height:1;display:inline-block;vertical-align:-0.125em;-webkit-font-smoothing:antialiased}
/* Flat controls */
.button,.icon-button,.profile-button,.dropdown-toggle{border:1px solid transparent;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font:var(--text-button);border-radius:9px;min-height:40px;padding:0 14px}.button:hover,.icon-button:hover,.profile-button:hover,.dropdown-toggle:hover{background:var(--surface-alt)}.button-primary{background:var(--primary);border-color:var(--primary);color:#fff}.button-primary:hover{background:var(--primary-strong);border-color:var(--primary-strong)}.button-outline{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.button-text{color:var(--primary);padding-inline:8px}.button-danger{background:var(--danger);border-color:var(--danger);color:#fff}.button-small{min-height:32px;padding:0 10px;font:var(--text-caption-em)}.icon-button{width:40px;padding:0;border-color:var(--line);background:var(--surface)}.icon-button.small{width:32px;min-height:32px}.icon-button.active{background:#fcfdff;border-color:rgba(16,32,74,.08);color:var(--primary)}
.form-control,.form-select{width:100%;min-height:42px;border:1px solid var(--line-strong);border-radius:8px;background-color:var(--surface);padding:9px 12px;outline:0}.form-control:focus,.form-select:focus,input:focus,textarea:focus{border-color:#79a1f3;outline:3px solid #e7efff;outline-offset:0}.form-select,select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%235e6a86' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:36px}.compact-select{width:auto;min-width:150px}.field{display:grid;gap:7px}.field>span{font:var(--text-label);color:var(--ink)}.field.full,.full{grid-column:1/-1}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:4px}
/* Admin shell */
.admin-app{min-height:100vh;background:#ffffff;--background:#ffffff;--surface-alt:#f9fafc;--line:rgba(16,32,74,.08);--line-strong:rgba(16,32,74,.12)}.admin-app .page-content{background:#ffffff}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fafcff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:50}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;padding:16px 18px;min-height:var(--topbar)}.brand img{width:47px;height:47px;object-fit:contain}.brand strong{display:block;font:var(--text-title);color:var(--primary)}.brand small{display:block;color:var(--muted);font:var(--text-micro);margin-top:1px}.sidebar-label{padding:12px 18px 7px;color:#8993a9;font:var(--text-eyebrow);text-transform:uppercase;letter-spacing:.1em}.sidebar-create{padding:0 10px 4px;margin-bottom:10px;position:relative}.sidebar-create-btn{width:100%;justify-content:space-between;padding-inline:12px 10px;font:var(--text-button-lg)}.sidebar-create-label{display:inline-flex;align-items:center;gap:8px}.sidebar-create-kbd{font:inherit;font-size:11px;font-weight:700;letter-spacing:.02em;line-height:1;padding:4px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.16);color:#fff}.sidebar-create>.dropdown-menu{left:10px;right:10px;min-width:0;width:auto}.sidebar-profile{margin-top:auto;padding:10px 12px 14px;border-top:1px solid var(--line);position:relative}.sidebar-profile .profile-button{width:100%;justify-content:flex-start;padding:8px 10px;border:0;background:transparent}.sidebar-profile .profile-copy{display:grid;text-align:left}.sidebar-profile .profile-copy strong{font:var(--text-caption-em)}.sidebar-profile .profile-copy small{font:var(--text-micro);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.sidebar-profile .dropdown-menu-up{top:auto;bottom:calc(100% + 7px);left:12px;right:12px;min-width:0}.nav-list{padding:0 10px 12px;overflow:auto;display:grid;gap:1px;flex:1;min-height:0;align-content:start}.nav-link{display:flex;align-items:center;gap:9px;text-decoration:none;color:#3d4967;border-radius:8px;padding:7px 10px;min-height:0;height:38px;font:var(--text-ui);font-weight:500}.nav-link .ph{font-size:15px;width:16px;text-align:center;color:#60708f;flex:none;line-height:1}.nav-link:hover{background:var(--surface-alt);color:var(--ink)}.nav-link.active{background:var(--primary-soft);color:var(--primary)}.nav-link.active .ph{color:var(--primary)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:14px 18px;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);flex-wrap:wrap}.sidebar-footer a{margin-left:auto;color:var(--primary);text-decoration:none}.status-dot{width:8px;height:8px;background:var(--success);border-radius:50%}.sidebar-backdrop{display:none}.admin-main{margin-left:var(--sidebar);min-width:0}.topbar{height:var(--topbar);background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 22px;position:sticky;top:0;z-index:40}.sidebar-toggle{display:none}.breadcrumb-block{display:none}.global-search{height:42px;max-width:520px;flex:1;position:relative;display:flex;align-items:center}.global-search .ph{position:absolute;left:13px;color:var(--muted)}.global-search input,.table-search input{width:100%;height:100%;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);padding:0 12px 0 39px;outline:0}.topbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.has-count{position:relative}.has-count>span{position:absolute;right:-3px;top:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--primary);color:#fff;font:var(--text-badge);font-weight:700;line-height:1;display:grid;place-items:center;border:2px solid #fff;box-sizing:border-box}.profile-button{padding:4px 8px;border-color:var(--line);background:var(--surface);min-height:46px}.profile-copy{display:grid;text-align:left}.profile-copy small{font-size:10px;color:var(--muted);font-weight:500}.avatar{width:34px;height:34px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}
/* Bootstrap-like dropdowns */
.dropdown{position:relative}.dropdown-toggle:after{content:"";width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);margin-left:4px;margin-top:-4px}.dropdown-toggle.compact{background:var(--surface);border-color:var(--line);font-weight:600}.dropdown-menu{position:absolute;top:calc(100% + 7px);left:0;min-width:220px;background:var(--surface);border:1px solid var(--line-strong);border-radius:9px;padding:6px;display:none;z-index:90}.dropdown.open>.dropdown-menu{display:grid}.dropdown-menu-end{left:auto;right:0}.dropdown-menu button,.dropdown-menu a{border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:6px;text-decoration:none;display:flex;align-items:center;gap:9px;width:100%;font:var(--text-ui);font-weight:500;color:#34415f}.dropdown-menu button:hover,.dropdown-menu a:hover{background:var(--surface-alt)}.dropdown-heading{padding:8px 10px 6px;font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase}.notification-menu{width:320px}.notification-menu button{display:grid;gap:2px}.notification-menu small{color:var(--muted);font-weight:500}.inline-dropdown{display:inline-block}
/* Content */
.page-content{padding:26px;width:100%;max-width:none}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.eyebrow{font:var(--text-eyebrow);text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-bottom:4px}.page-header h1{font:var(--text-display);margin:0;color:var(--ink)}.page-header p{margin:0;color:var(--muted);max-width:760px;font:var(--text-support)}.page-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.attention-bar{border:1px solid rgba(168,92,0,.18);background:var(--warning-soft);border-radius:var(--radius);padding:15px 17px;display:flex;align-items:center;gap:13px;margin-bottom:16px}.attention-icon{font-size:22px;color:rgba(168,92,0,.72)}.attention-bar div{flex:1}.attention-bar p{margin:2px 0 0;color:rgba(117,80,32,.78)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.metric-card{display:flex;align-items:center;gap:13px;padding:17px}.metric-icon,.activity-icon{width:44px;height:44px;border:1px solid rgba(16,32,74,.06);border-radius:10px;background:#fcfdff;color:var(--primary);display:grid;place-items:center;font-size:19px;flex:none}.metric-card div{display:grid;min-width:0}.metric-card small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--text-caption)}.metric-card strong{font:var(--text-display);font-size:20px;line-height:28px}.metric-note{font:var(--text-micro);color:var(--success)}.content-grid{display:grid;gap:16px;margin-bottom:16px}.content-grid.two-one{grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr)}.panel{padding:18px;margin-bottom:16px}.content-grid>.panel{margin-bottom:0}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.panel-header h2{font:var(--text-title);margin:0;display:flex;align-items:center;gap:8px;color:var(--ink)}.panel-header p{margin:0;color:var(--muted);font:var(--text-caption)}.bar-chart{height:250px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(12,1fr);gap:8px;align-items:end;padding:16px 12px 0}.bar-column{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bar-column span{width:65%;min-width:8px;max-width:26px;background:var(--primary);border-radius:3px 3px 0 0}.bar-column small{font-size:10px;color:var(--muted)}.activity-list{display:grid}.activity-list article{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.activity-list article:last-child{border:0}.activity-icon{width:34px;height:34px;font-size:14px}.activity-list p{margin:2px 0;color:var(--muted);font-size:12px}.activity-list small{font-size:10px;color:#8a94aa}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.module-card{border:1px solid var(--line);border-radius:9px;padding:14px;display:flex;align-items:center;gap:12px;text-decoration:none;background:var(--surface)}.module-card:hover{border-color:#adc5f5;background:var(--primary-soft)}.module-card>span{width:38px;height:38px;border-radius:8px;background:var(--surface-alt);border:1px solid var(--line);display:grid;place-items:center;color:var(--primary);font-size:18px}.module-card>div{min-width:0;flex:1}.module-card strong{display:block}.module-card p{font-size:11px;color:var(--muted);margin:3px 0 0}.module-card>.ph{color:var(--muted)}
/* Tables */
.table-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:12px}.table-search{height:40px;min-width:220px;max-width:390px;flex:1;position:relative;display:flex;align-items:center}.table-search .ph{position:absolute;left:12px;color:var(--muted)}.table-toolbar>.form-select{width:auto;min-width:160px}.bulk-bar{border:1px solid #b9ccf5;background:var(--primary-soft);border-radius:8px;padding:8px 10px;display:flex;align-items:center;gap:8px;margin-bottom:10px}.bulk-bar[hidden]{display:none}.bulk-bar span{margin-right:auto}.responsive-table{overflow:auto;border:1px solid var(--line);border-radius:9px}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{padding:11px 12px;text-align:left;font:var(--text-eyebrow);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-alt);border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle;font:var(--text-ui)}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcfe}.person-cell{display:flex;align-items:center;gap:9px}.person-cell small{display:block;color:var(--muted);font-size:10px}.small-avatar{width:32px;height:32px}.status-badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--line-strong);padding:4px 8px;font:var(--text-badge);white-space:nowrap}.status-badge.success{color:var(--success);background:var(--success-soft);border-color:rgba(20,128,74,.22)}.status-badge.warning{color:var(--warning);background:var(--warning-soft);border-color:rgba(168,92,0,.22)}.status-badge.neutral{color:var(--primary);background:var(--primary-soft);border-color:#c9d9fb}.row-actions{display:flex;align-items:center;gap:5px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px;color:var(--muted);font-size:12px}.pagination>div{display:flex;gap:5px}.page-number{width:32px;height:32px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.page-number.active{background:var(--primary);border-color:var(--primary);color:#fff}.view-switch{display:flex;gap:4px}

.button[disabled],.button[aria-disabled="true"]{opacity:.5;cursor:not-allowed;pointer-events:none}.table-panel.force-cards .responsive-table{border:0;overflow:visible}.table-panel.force-cards .data-table{min-width:0;display:block}.table-panel.force-cards .data-table thead{display:none}.table-panel.force-cards .data-table tbody,.table-panel.force-cards .data-table tr,.table-panel.force-cards .data-table td{display:block;width:100%}.table-panel.force-cards .data-table tbody{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.table-panel.force-cards .data-table tr{border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--surface)}.table-panel.force-cards .data-table td{border:0;padding:7px 6px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;text-align:right}.table-panel.force-cards .data-table td:before{content:attr(data-label);font-weight:750;color:var(--muted);text-align:left}.table-panel.force-cards .data-table td:first-child{display:none}.table-panel.force-cards .person-cell{text-align:left}.table-panel.force-cards .row-actions{justify-content:flex-end}
/* Settings/forms */
.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px}.settings-nav{display:grid;align-content:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:7px;height:max-content}.settings-nav button{border:0;background:transparent;text-align:left;padding:10px;border-radius:7px;font:var(--text-ui);font-weight:500;color:#4c5874}.settings-nav button:hover,.settings-nav button.active{background:var(--primary-soft);color:var(--primary)}.settings-content .panel{margin:0}.tab-panel{display:none}.tab-panel.active{display:block}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:9px;padding:12px}.switch-row span{display:grid}.switch-row small{color:var(--muted)}.switch-input{appearance:none;width:42px;height:23px;border:1px solid var(--line-strong);background:#d8dee9;border-radius:20px;position:relative;flex:none}.switch-input:before{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;left:2px;top:2px;border:1px solid #c4cbd6;transition:left .15s}.switch-input:checked{background:var(--primary);border-color:var(--primary)}.switch-input:checked:before{left:21px}.stack{display:grid;gap:10px}.callout{border:1px solid var(--line);border-radius:9px;padding:14px;margin-bottom:15px}.callout.full,.preview-card.full{grid-column:1/-1}.callout p{margin:6px 0 0;color:var(--muted)}.danger-callout{background:var(--danger-soft);border-color:rgba(191,44,44,.22)}.preview-card{border:1px solid var(--line);border-radius:10px;padding:17px;background:var(--surface-alt)}.preview-card h3{font-size:20px;margin:12px 0 5px}.preview-card p{color:var(--muted)}.preview-meta{color:var(--muted);font-size:12px}.compact-table{min-width:640px}
/* Layers */
.overlay{position:fixed;inset:0;background:rgba(9,21,51,.42);z-index:100}.modal,.drawer{position:fixed;background:var(--surface);z-index:110;border:1px solid var(--line-strong)}.modal{width:min(640px,calc(100% - 28px));left:50%;top:50%;transform:translate(-50%,-50%);border-radius:12px;padding:20px;max-height:90vh;overflow:auto}.drawer{right:0;top:0;height:100%;width:min(460px,100%);padding:20px;overflow:auto}.layer-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:16px}.layer-header h2{font:var(--text-title);margin:0}.toast{position:fixed;right:18px;bottom:18px;z-index:150;background:#17213b;color:#fff;border-radius:8px;padding:11px 14px;max-width:min(380px,calc(100% - 28px));font-weight:650}
/* Workspace selector */
.launch-page{min-height:100vh;padding:34px;background:var(--background)}.launch-header{display:flex;align-items:center;gap:16px;margin-bottom:25px}.launch-header img{width:78px}.launch-header h1{margin:0;font:var(--text-display);font-size:24px;line-height:32px}.launch-header p{margin:4px 0 0;color:var(--muted);font:var(--text-support)}.workspace-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.workspace-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;text-decoration:none;display:grid;gap:10px}.workspace-card:hover{border-color:#9ebaf1;background:var(--primary-soft)}.workspace-card .ph{font-size:28px;color:var(--primary)}.workspace-card h2{font:var(--text-title);margin:0}.workspace-card p{color:var(--muted);margin:0;font:var(--text-caption)}.workspace-card span{color:var(--primary);font-weight:750}
/* Member app: mobile bottom navigation becomes desktop left navigation */
.member-app{min-height:100vh;background:var(--background)}.member-nav{position:fixed;left:0;right:0;bottom:0;height:auto;min-height:72px;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(223,229,239,.9);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:2px;z-index:60}.member-nav-brand,.member-nav-profile{display:none}.member-nav>a:not(.member-nav-brand){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#8a93a8;font:var(--text-badge);font-weight:500;letter-spacing:.01em;border:0;border-radius:16px;padding:4px 2px;min-height:56px;transition:color .18s ease,background-color .18s ease,transform .18s ease}.member-nav>a:not(.member-nav-brand) .ph,.member-nav>a:not(.member-nav-brand) .ph-fill{font-size:22px;width:auto;height:auto;display:inline-block;line-height:1;background:transparent;border-radius:0;transition:color .18s ease}.member-nav>a:not(.member-nav-brand).active{color:var(--primary);background:transparent;font-weight:750}.member-nav>a:not(.member-nav-brand).active .ph,.member-nav>a:not(.member-nav-brand).active .ph-fill{background:transparent;color:var(--primary);transform:none}.member-nav>a:not(.member-nav-brand):active{transform:scale(.97)}.member-main{padding-bottom:88px;min-width:0}.member-topbar{height:70px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:35}.member-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit}.member-brand strong,.member-brand small{text-decoration:none}.member-brand img{width:43px}.member-brand strong{font-size:19px;color:var(--primary)}.member-brand small{display:block;font-size:9px;color:var(--muted)}.member-content{transition:opacity .16s ease,transform .16s ease;padding:17px;width:100%;max-width:none}.member-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.member-page-head h1{font:var(--text-display);margin:0}.member-app .member-content h1,.member-app .member-page-head h1,.member-app .news-hero h1,.member-app .donation-title-row h1{margin:0;font:var(--text-display);color:var(--ink)}@media(min-width:900px){.member-app .member-content h1,.member-app .member-page-head h1,.member-app .news-hero h1,.member-app .donation-title-row h1{font-size:24px;line-height:32px}}.member-page-head p{margin:0;color:var(--muted);font:var(--text-support)}.member-home-grid{display:grid;gap:14px}.member-primary-column,.member-side-column{min-width:0}.member-card-blue{background:var(--primary);color:#fff;border-radius:14px;padding:20px;min-height:270px;position:relative;overflow:hidden}.member-card-blue:after{content:"CASA";position:absolute;right:-8px;bottom:0;font-size:70px;font-weight:800;opacity:.08}.verified-line{display:flex;align-items:flex-start;gap:14px;width:100%}.verified-line>.ph{font-size:28px;line-height:1;flex:none;margin-top:2px}.verified-line>div{display:grid;gap:2px;min-width:0}.verified-line h2{margin:0;font-size:20px;font-weight:800;line-height:1.25}.verified-line p{margin:0;opacity:.88;font-size:13px;line-height:1.35}.member-id{margin-top:32px}.member-id small{opacity:.8}.member-id strong{display:block;font-size:24px;margin-top:3px}.member-meta{display:flex;gap:35px;margin-top:26px}.member-meta span{display:grid;gap:3px}.member-meta small{opacity:.75}.member-card-action{margin-left:auto;flex:none;width:40px;height:40px;min-height:40px;padding:0;border-radius:999px;display:inline-grid;place-items:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);color:#fff;text-decoration:none;transition:background .15s ease,transform .15s ease}.member-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.member-quick{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 8px;display:grid;place-items:center;gap:7px;text-decoration:none;font-weight:700;text-align:center}.member-quick .ph{font-size:23px;color:var(--primary)}.member-feed{display:grid;gap:12px}.home-update-card{display:flex;align-items:center;gap:14px;padding:16px;min-height:118px;background:var(--surface);border:1px solid var(--line);border-radius:18px;text-decoration:none;color:inherit;box-shadow:0 8px 22px rgba(28,68,132,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.home-update-card:hover{transform:translateY(-2px);border-color:#d5e2f7;box-shadow:0 12px 28px rgba(28,68,132,.09)}.home-update-thumb{width:88px;height:88px;flex:none;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#dce9ff,#9fc0ff)}.home-update-thumb[data-tone="event"]{background:linear-gradient(145deg,#ffe8d4,#ffc08a)}.home-update-thumb img,.home-update-thumb svg{width:100%;height:100%;object-fit:cover}.home-update-thumb svg{width:48px;height:48px}.home-update-body{min-width:0;flex:1;display:grid;gap:7px;align-content:center}.home-update-tag{display:inline-flex;align-items:center;width:fit-content;height:22px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:400;letter-spacing:.05em;text-transform:uppercase;background:#e8f0ff;color:#2563eb}.home-update-card[data-tone="event"] .home-update-tag{background:#fff0e4;color:#c56a1a}.home-update-body h3{margin:0;font-size:15px;font-weight:800;line-height:1.35;color:#102552;letter-spacing:-.025em}.home-update-body p{margin:0;font-size:12.5px;line-height:1.45;font-weight:500;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-update-arrow{width:36px;height:36px;flex:none;border-radius:999px;display:grid;place-items:center;background:#e8f0ff;color:#2563eb;font-size:16px;transition:transform .18s ease}.home-update-card[data-tone="event"] .home-update-arrow{background:#fff0e4;color:#c56a1a}.home-update-card:hover .home-update-arrow{transform:translateX(2px)}.home-side-card{--accent:#2563eb;position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:14px 12px 14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:18px;text-decoration:none;color:inherit;text-align:left;font:inherit;box-shadow:0 8px 22px rgba(28,68,132,.05);overflow:hidden;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;-webkit-appearance:none;appearance:none}.home-side-card::before{content:"";position:absolute;inset:12px auto 12px 0;width:3px;border-radius:999px;background:var(--accent);opacity:.95}.home-side-card:hover{transform:translateY(-2px);border-color:#d5e2f7;box-shadow:0 12px 28px rgba(28,68,132,.09)}.home-side-icon{width:44px;height:44px;flex:none;border-radius:12px;display:grid;place-items:center;font-size:20px;border:1px solid color-mix(in srgb, var(--accent) 28%, white);background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 12%, white), #fff);color:var(--accent)}.home-side-body{min-width:0;flex:1;display:grid;gap:3px}.home-side-body strong{font-size:14px;font-weight:800;color:#0b1f4d;letter-spacing:-.01em}.home-side-body small{font-size:12px;line-height:1.4;font-weight:500;color:var(--muted)}.home-side-meta{display:inline-flex;align-items:center;gap:5px;margin-top:4px;width:fit-content;padding:4px 8px;border-radius:8px;background:color-mix(in srgb, var(--accent) 10%, white);color:var(--accent);font-size:11px;font-weight:700}.home-side-arrow{width:34px;height:34px;flex:none;border-radius:999px;display:grid;place-items:center;background:color-mix(in srgb, var(--accent) 10%, white);color:var(--accent);font-size:15px;transition:transform .18s ease}.home-side-card:hover .home-side-arrow{transform:translateX(2px)}@media(max-width:430px){.home-update-thumb{width:74px;height:74px;border-radius:12px}.home-update-body h3{font-size:14px}.home-side-icon{width:40px;height:40px;font-size:18px}}.member-feed-card,.profile-section,.activity-card,.news-card{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:15px}.member-feed-card h3,.news-card h3,.activity-card h3{margin:6px 0 5px}.member-feed-card p,.news-card p,.activity-card p{margin:0;color:var(--muted)}.member-side-column{display:grid;gap:14px}.member-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.member-primary-column>section>.member-section-title{margin-top:18px}.member-section-title h2{font-size:16px;margin:0}.member-section-title a{font-size:12px;color:var(--primary);text-decoration:none;font-weight:700}.news-grid,.activities-grid{display:grid;grid-template-columns:1fr;gap:11px}.news-card .news-image{height:130px;border:1px solid var(--line);background:var(--surface-alt);border-radius:8px;display:grid;place-items:center;color:var(--primary);font-size:38px;margin-bottom:12px}.donation-layout{display:grid;gap:14px}.donation-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.donation-stat{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:14px}.donation-stat small{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.donation-stat strong{font-size:22px;color:var(--primary)}.donation-give{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px}.donation-give h2{margin:0 0 4px;font-size:18px}.donation-give>p{margin:0 0 16px;color:var(--muted);font-size:13px}.amount-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.amount-chip{width:100%;border:1px solid var(--line-strong);background:var(--surface);border-radius:9px;min-height:46px;font-weight:750;color:var(--ink);cursor:pointer}.amount-chip:hover,.amount-chip.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.donation-custom{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:14px}.donation-history{display:grid;gap:10px}.donation-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:14px}.donation-row>div{display:grid;gap:2px;min-width:0}.donation-row strong{font-size:14px}.donation-row small{color:var(--muted);font-size:12px}.donation-row .amount{font-weight:800;color:var(--primary);white-space:nowrap}.profile-grid{display:grid;gap:12px}.profile-list{display:grid}.profile-link{display:flex;align-items:center;gap:11px;text-decoration:none;padding:12px 0;border-bottom:1px solid var(--line)}.profile-link:last-child{border:0}.profile-link>span:first-child{width:35px;height:35px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;color:var(--primary)}.profile-link>div{flex:1}.profile-link small{display:block;color:var(--muted)}.registration-shell{min-height:100vh;display:grid;place-items:center;padding:18px;background:var(--background)}.registration-card{width:min(820px,100%);background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.registration-header{display:flex;align-items:center;gap:12px;padding:17px;border-bottom:1px solid var(--line)}.registration-header img{width:50px}.registration-body{padding:22px}.progress-steps{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;margin-bottom:20px}.progress-steps span{height:5px;border-radius:5px;background:#dde3ec}.progress-steps span.done,.progress-steps span.active{background:var(--primary)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-card{border:1px solid var(--line-strong);border-radius:10px;padding:18px;text-align:left;background:var(--surface)}.choice-card:hover,.choice-card.selected{border-color:var(--primary);background:var(--primary-soft)}.registration-actions{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.camera-box{border:1px dashed var(--line-strong);border-radius:11px;background:var(--surface-alt);min-height:280px;display:grid;place-items:center;overflow:hidden}.camera-box video,.camera-box canvas{width:100%;height:100%;object-fit:cover}.camera-placeholder{text-align:center;color:var(--muted)}.camera-placeholder .ph{display:block;font-size:44px;color:var(--primary);margin-bottom:8px}
@media(min-width:900px){.member-topbar .breadcrumb-block{display:grid}.member-nav{inset:0 auto 0 0;width:264px;height:auto;min-height:0;background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;border-top:0;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:0 10px 14px;gap:3px;align-items:stretch}.member-nav-brand{display:flex;align-items:center;gap:11px;min-height:76px;border-bottom:1px solid var(--line);padding:10px 8px 10px;text-decoration:none;color:inherit}.member-nav-brand img{width:48px}.member-nav-brand strong{display:block;font-size:19px;color:var(--primary)}.member-nav-brand small{display:block;font-size:10px;color:var(--muted)}.member-nav>a:not(.member-nav-brand){height:45px;min-height:45px;flex-direction:row;justify-content:flex-start;gap:11px;padding:0 12px;border-top:0;border-left:3px solid transparent;border-radius:8px;font-size:13px;font-weight:650;letter-spacing:0;color:#5d6884}.member-nav>a:not(.member-nav-brand) .ph,.member-nav>a:not(.member-nav-brand) .ph-fill{font-size:18px;width:22px;height:auto;border-radius:0;background:transparent;display:inline-block;place-items:unset;transform:none}.member-nav>a:not(.member-nav-brand).active{border-left-color:var(--primary);border-top-color:transparent;background:var(--primary-soft)}.member-nav>a:not(.member-nav-brand).active .ph,.member-nav>a:not(.member-nav-brand).active .ph-fill{background:transparent;transform:none}.member-nav-profile{display:flex;align-items:center;gap:9px;margin-top:auto;border-top:1px solid var(--line);padding:13px 8px 0}.member-nav-profile small{display:block;color:var(--muted);font-size:10px}.member-main{margin-left:264px;padding-bottom:0}.member-topbar{height:76px;padding:0 24px}.member-brand{display:none}.member-content{padding:24px}.member-page-head h1{font:var(--text-display);margin:0}.member-home-grid{display:grid;gap:18px;grid-template-columns:1fr;align-items:stretch}.member-primary-column{display:grid;gap:20px;min-width:0}.member-side-column{display:grid;gap:14px;min-width:0}.member-card-blue{min-height:285px}.member-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-feed{grid-template-columns:1fr}.news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.activities-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.donation-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.registration-shell{padding:30px}}
@media(min-width:1180px){.member-home-grid{grid-template-columns:minmax(0,1.7fr) minmax(240px,.85fr);align-items:start;gap:18px}.member-primary-column{min-width:0}.member-side-column{min-width:0}.member-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1450px){.member-primary-column{grid-column:span 9}.member-side-column{grid-column:span 3}.news-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.activities-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.module-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace-grid{grid-template-columns:repeat(4,minmax(240px,1fr))}}
@media(max-width:1180px){.table-panel.force-cards .data-table tbody{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid.two-one{grid-template-columns:1fr}.settings-layout{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:1020px){.sidebar{transform:translateX(-102%);transition:transform .18s ease}.sidebar.open{transform:translateX(0)}.sidebar-backdrop.open{display:block;position:fixed;inset:0;background:rgba(9,21,51,.42);z-index:45}.admin-main{margin-left:0}.sidebar-toggle{display:inline-flex}.breadcrumb-block{display:grid}.breadcrumb-block span{font-size:9px;color:var(--muted);text-transform:uppercase}.breadcrumb-block strong{font-size:13px}.global-search{max-width:none}.topbar .profile-copy{display:none}.topbar .profile-button>.ph{display:none}.page-content{padding:20px}}
@media(max-width:899px){.member-topbar .breadcrumb-block{display:none}}
@media(max-width:760px){.table-panel.force-cards .data-table tbody{grid-template-columns:1fr}.topbar{height:auto;min-height:68px;padding:10px 12px;gap:8px;flex-wrap:wrap}.global-search{order:3;flex-basis:100%;height:39px}.hide-small,.dropdown-toggle.compact .ph{display:none}.dropdown-toggle.compact{width:40px;padding:0}.page-content{padding:14px}.page-header{flex-direction:column}.page-actions{width:100%;justify-content:flex-start}.page-actions .button{flex:1}.stats-grid,.module-grid,.workspace-grid{grid-template-columns:1fr}.attention-bar{align-items:flex-start;flex-wrap:wrap}.attention-bar .button{width:100%}.form-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto}.settings-nav button{white-space:nowrap}.responsive-table{border:0;overflow:visible}.data-table{min-width:0;display:block}.data-table thead{display:none}.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tr{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:10px}.data-table td{border:0;padding:7px 6px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;text-align:right}.data-table td:before{content:attr(data-label);font-weight:750;color:var(--muted);text-align:left}.data-table td:first-child{display:none}.person-cell{text-align:left}.row-actions{justify-content:flex-end}.table-toolbar>*{width:100%!important;max-width:none!important}.bulk-bar{position:sticky;bottom:10px;z-index:20}.pagination{align-items:flex-start;flex-direction:column}.pagination>div{width:100%;overflow:auto}.view-switch{display:none}.compact-table td:first-child{display:flex}.launch-page{padding:20px}.launch-header{align-items:flex-start}.notification-menu{width:min(320px,calc(100vw - 24px))}.member-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.donation-summary{grid-template-columns:1fr}.amount-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.donation-row{align-items:flex-start;flex-wrap:wrap}.choice-grid{grid-template-columns:1fr}.registration-body{padding:17px}.progress-steps{gap:3px}.member-card-action .ph,.member-card-action .ph-fill{font-size:18px;line-height:1}.member-card-action:hover{background:rgba(255,255,255,.28);transform:scale(1.04)}.member-card-blue{min-height:0}.member-meta{gap:20px;flex-wrap:wrap}}
@media(max-width:430px){.member-nav{min-height:66px;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))}.member-main{padding-bottom:80px}.member-nav a span{font-size:9px}.member-content{padding:13px}.member-page-head h1{font:var(--text-display);margin:0}.member-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{padding:14px}.page-header h1{font-size:20px;line-height:28px}.topbar-actions{gap:5px}.topbar-actions>.dropdown:first-child{display:none}.button{padding-inline:11px}.profile-button{padding:4px}.launch-header h1{font-size:20px;line-height:28px}}
.member-app .profile-tile-body strong{font:var(--text-ui);font-weight:400;color:var(--ink)}.member-app .profile-org-card strong{font:var(--text-ui);font-weight:400;color:var(--ink)}.member-content.is-spa-loading{opacity:.35;pointer-events:none}.member-content.is-spa-enter{opacity:0;transform:translateY(6px)}


/* Prompt 01 — shared UI states (flat CASA system) */
.casa-state{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:16px;margin:12px 0}
.casa-state-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:var(--surface-alt);color:var(--primary);flex:none;font-size:20px}
.casa-state-copy{min-width:0;flex:1}.casa-state-copy strong{display:block;font:var(--text-title);margin:0 0 4px}.casa-state-copy p{margin:0;color:var(--muted);font:var(--text-caption)}
.casa-state-audit{margin-top:10px;display:flex;align-items:center;gap:8px;color:var(--muted);font:var(--text-caption)}
.casa-state-audit code{font:var(--text-code);background:var(--surface-alt);padding:2px 6px;border-radius:4px;border:1px solid var(--line)}
.casa-state-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}
.casa-state--permission_denied .casa-state-icon,.casa-state--blocked .casa-state-icon,.casa-state--not_implemented .casa-state-icon{color:#9b1c1c;background:#fde8e8}
.casa-state--offline .casa-state-icon,.casa-state--retry .casa-state-icon,.casa-state--partial_failure .casa-state-icon,.casa-state--validation_error .casa-state-icon{color:#9a6700;background:#fff4d6}
.casa-state--success .casa-state-icon{color:#0f7b3a;background:#e5f6eb}
.casa-state--queued .casa-state-icon,.casa-state--processing .casa-state-icon,.casa-state--loading .casa-state-icon{color:var(--primary);background:var(--primary-soft)}
.casa-spin{animation:casa-spin 1s linear infinite}@keyframes casa-spin{to{transform:rotate(360deg)}}
.toast--not_implemented,.toast--blocked,.toast--permission_denied{background:#5c1a1a}
.toast--offline,.toast--retry,.toast--partial_failure,.toast--validation_error{background:#5c4300}
.toast--success{background:#0f3d24}
.toast-title{font-weight:650}.toast-meta{opacity:.85;font-size:12px;margin-top:4px}
.casa-error-boundary-slot{margin-top:16px}
.casa-brand-locked{opacity:.92}.casa-brand-locked input[readonly],.casa-prefix-locked{background:var(--surface-alt)}
.foundation-banner{border:1px solid #b9ccf5;background:var(--primary-soft);border-radius:9px;padding:12px 14px;margin:0 0 16px;display:flex;gap:10px;align-items:flex-start}
.foundation-banner strong{display:block}.foundation-banner p{margin:4px 0 0;color:var(--muted);font:var(--text-caption)}
.workspace-card[data-requires-auth]{position:relative}.workspace-card[data-requires-auth]::after{content:"Sign-in required — UI is not authorization";display:block;margin-top:8px;font:var(--text-caption);color:var(--muted)}


/* Prompt 03 — correlation ID copy affordance */
.casa-corr-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.casa-corr-row>span{color:var(--muted);font:var(--text-caption)}
.casa-corr-copy,.toast-copy{height:28px;padding:0 8px;font:var(--text-caption);font-weight:600}
.toast-copy{border:1px solid rgba(255,255,255,.35);background:transparent;color:inherit;border-radius:6px;cursor:pointer}
.casa-state-audit{align-items:flex-start}