@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";.rule-book{--doc-max-width:72ch;--rule-paper:#fff;--rule-ink:color-mix(in srgb, var(--text) 94%, #111827);--rule-muted:color-mix(in srgb, var(--muted-text) 92%, #4b5563);gap:18px;min-width:0;display:grid}.rule-book-flat-owner{width:100%;padding-block:16px 48px;display:block}.rule-book-flat-owner .rule-book-document{margin:0 auto}.rule-preview-top-strip{max-width:var(--doc-max-width);background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:0 auto 20px;padding:12px 18px;display:flex;box-shadow:0 4px 14px #0000000a}.rule-preview-info{flex-direction:column;gap:2px;display:flex}.rule-preview-indicator{color:var(--accent-deep);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:850;display:inline-flex}.rule-preview-info small{color:var(--muted-text);font-size:12px}.rule-preview-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rule-preview-actions .btn{min-height:38px;font-size:12px}.rule-book-hero{justify-content:space-between;align-items:center;gap:24px;min-width:0;display:flex}.rule-book-admin .rule-book-hero{background:linear-gradient(135deg, var(--surface) 0%, color-mix(in srgb, var(--accent-soft) 40%, var(--surface)) 100%);border:1px solid var(--border);border-radius:16px;padding:22px 24px}.rule-book-reader .rule-book-hero{border:1px solid color-mix(in srgb, var(--accent) 32%, var(--border));background:linear-gradient(130deg, color-mix(in srgb, var(--accent-deep) 96%, #0f172a) 0%, color-mix(in srgb, var(--accent) 80%, #064e3b) 100%);color:#fff;box-shadow:0 16px 36px color-mix(in srgb, var(--accent-deep) 16%, transparent);border-radius:20px;padding:28px 32px;position:relative;overflow:hidden}.rule-book-reader .rule-book-hero:after{content:"";pointer-events:none;border:1px solid #ffffff1f;border-radius:50%;width:280px;height:280px;position:absolute;top:-120px;right:-80px;box-shadow:0 0 0 38px #ffffff09,0 0 0 76px #ffffff05}.rule-book-hero-copy{z-index:1;align-items:center;gap:18px;min-width:0;display:flex;position:relative}.rule-book-icon{background:var(--accent);color:#fff;width:56px;height:56px;box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 26%, transparent);border-radius:15px;flex:none;place-items:center;display:grid}.rule-book-reader .rule-book-icon{background:#ffffff24;border:1px solid #ffffff47;border-radius:8px 16px 16px 8px;width:60px;height:64px;box-shadow:inset 4px 0 #ffffff29}.rule-book-kicker{color:var(--accent-deep);letter-spacing:.11em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:850;display:block}.rule-book-reader .rule-book-kicker{color:#ffffffc7}.rule-book-hero h2{color:var(--text);letter-spacing:-.03em;margin:0;font-size:clamp(20px,2.2vw,28px);font-weight:750}.rule-book-reader .rule-book-hero h2{color:#fff;letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,2.8vw,32px)}.rule-book-hero p{max-width:640px;color:var(--muted-text);margin:6px 0 0;font-size:13px;line-height:1.55}.rule-book-reader .rule-book-hero p{color:#ffffffd1;font-size:13px}.rule-book-edition{color:var(--muted-text);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:11px;font-weight:600;display:flex}.rule-book-reader .rule-book-edition{color:#ffffffd1}.rule-book-edition i{opacity:.5;background:currentColor;border-radius:50%;width:3px;height:3px}.unpublished-badge{color:#92400e;background:#fef3c7;border-radius:6px;align-items:center;padding:2px 7px;font-size:10px;font-weight:750;display:inline-flex}.rule-hero-actions{flex-wrap:wrap;flex:none;align-items:center;gap:10px;display:flex}.rule-hero-actions .btn{min-height:44px}.rule-book-toolbar{border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.rule-search{flex:auto;align-items:center;min-width:240px;display:flex;position:relative}.rule-search>svg{color:var(--muted-text);pointer-events:none;position:absolute;left:14px}.rule-search input{border:1px solid var(--border);background:var(--surface-2);width:100%;height:44px;color:var(--text);font:inherit;border-radius:10px;outline:none;padding:0 42px;font-size:13px;transition:border-color .16s,background .16s,box-shadow .16s}.rule-search input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.rule-search button{width:34px;height:34px;color:var(--muted-text);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;right:6px}.rule-search button:hover{background:var(--surface);color:var(--text)}.rule-search-count{color:var(--muted-text);white-space:nowrap;font-size:12px;font-weight:600}.rule-search-highlight{color:#1f2937;font-weight:inherit;background:#fef08a;border-radius:4px;padding:1px 3px}.rule-book-document{justify-content:center;width:100%;min-width:0;margin:0 auto;display:flex}.rule-doc-paper{width:100%;max-width:var(--doc-max-width);background:var(--surface);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:18px;padding:clamp(28px,4.5vw,56px);box-shadow:0 8px 24px #0000000a}.rule-doc-header{border-bottom:2px solid var(--border);margin-bottom:30px;padding-bottom:22px}.rule-doc-society{color:var(--accent-deep);letter-spacing:.09em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:850;display:block}.rule-doc-title{color:var(--rule-ink);letter-spacing:-.025em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(26px,3.2vw,36px);font-weight:750;line-height:1.25}.rule-doc-lead{margin-top:10px}.rule-doc-lead p{color:var(--muted-text);margin:0;font-size:14px;line-height:1.6}.rule-preview-badge{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent-deep);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:5px 12px;font-size:11px;font-weight:750;display:inline-flex}.rule-continuous-list{gap:16px;margin:0;padding:0;list-style:none;display:grid}.rule-point-row{margin-left:calc(var(--indent-level,0) * 24px);border-radius:12px;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:16px;padding:12px 14px;transition:background .16s;display:grid}.rule-point-row:hover{background:color-mix(in srgb, var(--accent-soft) 25%, transparent)}.rule-point-marker{justify-content:flex-end;padding-top:2px;display:flex}.marker-badge{color:var(--accent-deep);font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:750;line-height:1.5}.rule-point-body{min-width:0}.rule-point-text{color:var(--rule-ink);text-align:start;unicode-bidi:plaintext;font-size:15px;line-height:1.75}.rule-point-text strong{color:color-mix(in srgb, var(--rule-ink) 95%, #000);font-weight:750}.rule-point-text em{font-style:italic}.rule-point-text u{text-underline-offset:3px;text-decoration:underline}.rule-link{color:var(--accent);text-underline-offset:3px;word-break:break-all;align-items:center;gap:3px;font-weight:600;text-decoration:underline;display:inline-flex}.rule-link:hover{color:var(--accent-deep)}.rule-link-icon{opacity:.7}.rule-callout-banner{letter-spacing:.04em;text-transform:uppercase;border-radius:7px;align-items:center;gap:7px;width:fit-content;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:750;display:flex}.rule-callout-banner.important{color:#92400e;background:#fff8eb;border:1px solid #fedf89}.rule-callout-banner.critical{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.rule-point-row.callout-important{background:#fffdf5;border-left:3px solid #f59e0b}.rule-point-row.callout-critical{background:#fffbfb;border-left:3px solid #ef4444}.rule-doc-footer{border-top:1px dashed var(--border);justify-content:flex-end;margin-top:40px;padding-top:24px;display:flex}.rule-doc-seal{color:var(--muted-text);flex-direction:column;align-items:flex-end;font-size:11px;display:flex}.rule-doc-seal span{text-transform:uppercase;letter-spacing:.06em;color:var(--text);font-weight:750}.rule-doc-empty{text-align:center;background:var(--surface);border:1px dashed var(--border);min-height:280px;color:var(--muted-text);border-radius:16px;align-content:center;place-items:center;padding:40px 24px;display:grid}.rule-doc-empty svg{color:var(--accent);margin-bottom:12px}.rule-doc-empty h3{color:var(--text);margin:0 0 6px;font-size:18px}.rule-doc-empty p{max-width:440px;margin:0 0 16px;font-size:13px;line-height:1.55}.rule-editor-layout{gap:14px;min-width:0;display:grid}.rule-editor-header{border-radius:14px;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;display:flex}.editor-header-main{flex-direction:column;gap:8px;min-width:0;display:flex}.editor-title-row{align-items:center;gap:12px;display:flex}.editor-back-btn{border:1px solid var(--border);background:var(--surface-2);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:10px;place-items:center;transition:all .16s;display:grid}.editor-back-btn:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-deep)}.editor-kicker{color:var(--accent-deep);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:850;display:block}.editor-title-row h2{letter-spacing:-.02em;color:var(--text);margin:0;font-size:20px}.editor-meta-strip{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.meta-pill{background:var(--surface-2);border:1px solid var(--border);color:var(--muted-text);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:650;display:inline-flex}.editor-actions{flex-wrap:wrap;flex:none;align-items:center;gap:10px;display:flex}.save-indicator{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.save-indicator.saved{color:#059669;background:#ecfdf5}.save-indicator.saving{color:#2563eb;background:#eff6ff}.save-indicator.unsaved{color:#d97706;background:#fffbeb}.save-indicator.error{color:#dc2626;background:#fef2f2}@keyframes rule-spin{to{transform:rotate(360deg)}}.rule-word-toolbar{z-index:20;background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;align-items:center;gap:6px;min-height:52px;padding:8px 12px;display:flex;position:sticky;top:10px;box-shadow:0 10px 25px #0000000f}.toolbar-group{align-items:center;gap:4px;display:flex}.toolbar-separator{background:var(--border);width:1px;height:24px;margin:0 3px}.toolbar-btn{width:38px;min-width:38px;height:38px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;transition:all .16s;display:grid}.toolbar-btn:hover{background:var(--surface-2);border-color:var(--border)}.toolbar-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toolbar-btn.active{background:var(--accent-soft);color:var(--accent-deep);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.toolbar-btn:disabled{opacity:.35;cursor:not-allowed}.toolbar-btn.danger:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.callout-selector-group,.direction-selector-group{min-width:145px}.callout-selector-group .registration-select-trigger,.direction-selector-group .registration-select-trigger{border-radius:8px;height:38px;padding:0 10px;font-size:12px}.toolbar-spacer{flex:auto}.toolbar-add-point-btn{border:1px solid var(--border);background:var(--surface-2);height:38px;color:var(--accent-deep);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:750;transition:all .16s;display:inline-flex}.toolbar-add-point-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.mobile-more-container{display:none;position:relative}.mobile-more-btn{align-items:center;gap:2px;width:auto;padding:0 8px;display:flex}.mobile-more-menu{background:var(--surface);border:1px solid var(--border);z-index:50;border-radius:14px;flex-direction:column;gap:12px;width:280px;max-height:min(340px,45vh);padding:12px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 16px 36px #00000024}.mobile-menu-section{flex-direction:column;gap:6px;display:flex}.menu-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-text);font-size:10px;font-weight:800}.mobile-btn-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.mobile-menu-btn{border:1px solid var(--border);background:var(--surface-2);height:42px;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:650;display:inline-flex}.mobile-menu-btn:hover{background:var(--accent-soft);color:var(--accent-deep)}.mobile-menu-btn.danger-btn{color:#dc2626;width:100%}.mobile-menu-btn.danger-btn:hover{background:#fee2e2}.rule-editor-canvas-container{justify-content:center;width:100%;min-width:0;padding-bottom:60px;display:flex}.rule-editor-paper{width:100%;max-width:var(--doc-max-width);background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:clamp(28px,4.5vw,56px);box-shadow:0 8px 30px #0000000d}.paper-header{border-bottom:2px solid var(--border);margin-bottom:28px;padding-bottom:20px}.paper-society-kicker{color:var(--accent-deep);letter-spacing:.09em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:850;display:block}.paper-title{color:var(--text);letter-spacing:-.025em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(26px,3.2vw,36px);font-weight:750}.paper-instruction{color:var(--muted-text);margin:8px 0 0;font-size:13px;line-height:1.5}.editor-points-list{gap:8px;display:grid}.editor-point-row{margin-left:calc(var(--indent-level,0) * 26px);border:1px solid #0000;border-radius:10px;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:12px;padding:8px 12px;transition:all .16s;display:grid}.editor-point-row:hover{background:color-mix(in srgb, var(--surface-2) 65%, transparent)}.editor-point-row.is-active{background:var(--surface);border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:0 3px 12px color-mix(in srgb, var(--accent) 8%, transparent)}.point-marker-box{justify-content:flex-end;padding-top:6px;display:flex}.point-marker-num{color:var(--accent-deep);font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:750}.point-content-box{min-width:0}.point-callout-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;align-items:center;gap:6px;margin-bottom:6px;padding:3px 8px;font-size:10px;font-weight:750;display:inline-flex}.point-callout-tag.important{color:#92400e;background:#fff8eb;border:1px solid #fedf89}.point-callout-tag.critical{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.point-editable-text{min-height:36px;color:var(--rule-ink);overflow-wrap:anywhere;text-align:start;unicode-bidi:plaintext;outline:none;padding:5px 6px;font-size:15px;line-height:1.7}.point-editable-text:empty:before{content:"Type rule details here…";color:var(--muted-text);opacity:.55;pointer-events:none}.point-editable-text strong{font-weight:750}.point-editable-text em{font-style:italic}.point-editable-text u{text-decoration:underline}.paper-add-row{border-top:1px dashed var(--border);margin-top:22px;padding-top:16px}.add-point-paper-btn{justify-content:center;width:100%;height:42px;font-size:13px}.history-modal-grid{grid-template-columns:260px minmax(0,1fr);gap:16px;min-height:360px;display:grid}.history-version-list{flex-direction:column;gap:6px;max-height:420px;padding-right:4px;display:flex;overflow-y:auto}.history-item-btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;transition:all .16s;display:flex}.history-item-btn:hover{background:var(--surface);border-color:var(--accent)}.history-item-btn.selected{background:var(--surface);border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.version-tag{justify-content:space-between;align-items:center;display:flex}.version-tag strong{color:var(--accent-deep);font-size:14px}.point-badge{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700}.version-meta{color:var(--muted-text);flex-direction:column;gap:1px;font-size:11px;display:flex}.history-version-detail{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;padding:16px;display:flex;overflow:hidden}.detail-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.detail-header h4{color:var(--text);margin:0;font-size:16px}.detail-header small{color:var(--muted-text);font-size:11px}.detail-content-preview{max-height:300px;margin-top:14px;overflow-y:auto}.history-points-preview{gap:10px;margin:0;padding:0;list-style:none;display:grid}.history-points-preview li{color:var(--text);gap:8px;font-size:13px;line-height:1.55;display:flex}.history-marker{color:var(--accent-deep);flex:0 0 24px;font-weight:750}.history-none-selected{height:100%;color:var(--muted-text);place-items:center;font-size:13px;display:grid}.publish-confirm-body{flex-direction:column;gap:16px;display:flex}.publish-stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.publish-stat-grid>div{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:3px;padding:12px;display:flex}.publish-stat-grid small{color:var(--muted-text);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:750}.publish-stat-grid strong{color:var(--text);font-size:16px}.publish-note{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;gap:10px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.publish-note p{margin:0}.publish-note svg{flex:none;margin-top:2px}.rule-link-input-label{color:var(--text);flex-direction:column;gap:8px;font-size:12px;font-weight:700;display:flex}.rule-link-input-label input{border:1px solid var(--border);background:var(--surface-2);height:44px;color:var(--text);font:inherit;border-radius:8px;outline:none;padding:0 12px;font-size:13px}.rule-link-input-label input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}@media (width<=900px){.desktop-only{display:none!important}.mobile-more-container{display:block}.rule-editor-header{flex-direction:column;align-items:stretch;gap:14px}.editor-actions{justify-content:flex-end}.history-modal-grid{grid-template-columns:1fr}.history-version-list{max-height:180px}}@media (width<=760px){.rule-book-hero{flex-direction:column;align-items:flex-start}.rule-hero-actions{justify-content:flex-start;width:100%}.rule-hero-actions .btn{flex:auto;justify-content:center}.rule-book-toolbar{flex-direction:column;align-items:stretch}.rule-search{width:100%;min-width:0}.publish-stat-grid{grid-template-columns:1fr}}@media (width<=480px){.rule-doc-paper,.rule-editor-paper{border-radius:14px;padding:20px 14px}.rule-point-row{grid-template-columns:28px minmax(0,1fr);gap:8px;padding:10px 4px;margin-left:calc(var(--indent-level,0) * 12px)!important}.editor-point-row{grid-template-columns:28px minmax(0,1fr);gap:8px;padding:6px 2px;margin-left:calc(var(--indent-level,0) * 12px)!important}.marker-badge,.point-marker-num{font-size:13px}.rule-point-text,.point-editable-text{font-size:14px;line-height:1.6}.rule-word-toolbar{gap:3px;padding:6px 8px}.toolbar-btn{width:36px;min-width:36px;height:36px}.toolbar-add-point-btn{padding:0 8px;font-size:11px}.toolbar-add-point-btn span{display:none}.mobile-more-menu{width:calc(100vw - 32px);right:-8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spin{animation:none}}@media print{.rule-book-toolbar,.rule-hero-actions,.rule-word-toolbar,.editor-actions,.app-modal,.rule-add-button,.paper-add-row,.rule-message,.save-indicator,header.rule-book-hero,nav,aside{display:none!important}body{font-size:12pt;line-height:1.5;color:#000!important;background:#fff!important}.rule-book,.rule-book-document,.rule-doc-paper{box-shadow:none!important;background:0 0!important;border:none!important;max-width:100%!important;padding:0!important}.rule-doc-header{border-bottom:2pt solid #000!important;margin-bottom:18pt!important;padding-bottom:12pt!important}.rule-doc-title{color:#000!important;font-size:24pt!important}.rule-point-row{break-inside:avoid;background:0 0!important;border:none!important;padding:8pt 0!important}.rule-callout-banner{color:#000!important;background:#eee!important;border:1pt solid #000!important}.marker-badge{color:#000!important;font-weight:700!important}.rule-link{color:#000!important;text-decoration:underline!important}.rule-link:after{content:" (" attr(href) ")";font-size:9pt}}:where(.roles-access-view,.access-modal){color:var(--text)}.roles-access-view{width:100%;max-width:100%}:where(.roles-access-view,.access-modal) button,:where(.roles-access-view,.access-modal) input{font:inherit}:where(.roles-access-view,.access-modal) button{border:0}:where(.roles-access-view,.access-modal) .flex{display:flex}:where(.roles-access-view,.access-modal) .inline-flex{display:inline-flex}:where(.roles-access-view,.access-modal) .grid{display:grid}:where(.roles-access-view,.access-modal) .block{display:block}:where(.roles-access-view,.access-modal) .hidden{display:none}:where(.roles-access-view,.access-modal) .relative{position:relative}:where(.roles-access-view,.access-modal) .absolute{position:absolute}:where(.roles-access-view,.access-modal) .flex-1{flex:1;min-width:0}:where(.roles-access-view,.access-modal) .shrink-0{flex-shrink:0}:where(.roles-access-view,.access-modal) .flex-col{flex-direction:column}:where(.roles-access-view,.access-modal) .flex-wrap{flex-wrap:wrap}:where(.roles-access-view,.access-modal) .items-center{align-items:center}:where(.roles-access-view,.access-modal) .items-start{align-items:flex-start}:where(.roles-access-view,.access-modal) .items-stretch{align-items:stretch}:where(.roles-access-view,.access-modal) .justify-center{justify-content:center}:where(.roles-access-view,.access-modal) .justify-end{justify-content:flex-end}:where(.roles-access-view,.access-modal) .justify-between{justify-content:space-between}:where(.roles-access-view,.access-modal) .grid-cols-1{grid-template-columns:minmax(0,1fr)}:where(.roles-access-view,.access-modal) .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.roles-access-view,.access-modal) .gap-1{gap:4px}:where(.roles-access-view,.access-modal) .gap-1\.5{gap:6px}:where(.roles-access-view,.access-modal) .gap-2{gap:8px}:where(.roles-access-view,.access-modal) .gap-2\.5{gap:10px}:where(.roles-access-view,.access-modal) .gap-3{gap:12px}:where(.roles-access-view,.access-modal) .gap-3\.5{gap:14px}:where(.roles-access-view,.access-modal) .gap-4{gap:16px}:where(.roles-access-view,.access-modal) .space-y-1>*+*{margin-top:4px}:where(.roles-access-view,.access-modal) .space-y-1\.5>*+*{margin-top:6px}:where(.roles-access-view,.access-modal) .space-y-2>*+*{margin-top:8px}:where(.roles-access-view,.access-modal) .space-y-3>*+*{margin-top:12px}:where(.roles-access-view,.access-modal) .space-y-3\.5>*+*{margin-top:14px}:where(.roles-access-view,.access-modal) .space-y-4>*+*{margin-top:16px}:where(.roles-access-view,.access-modal).space-y-6>*+*,:where(.roles-access-view,.access-modal) .space-y-6>*+*{margin-top:24px}:where(.roles-access-view,.access-modal) .p-1{padding:4px}:where(.roles-access-view,.access-modal) .p-1\.5{padding:6px}:where(.roles-access-view,.access-modal) .p-2\.5{padding:10px}:where(.roles-access-view,.access-modal) .p-3{padding:12px}:where(.roles-access-view,.access-modal) .p-3\.5{padding:14px}:where(.roles-access-view,.access-modal) .p-4{padding:16px}:where(.roles-access-view,.access-modal) .p-5{padding:20px}:where(.roles-access-view,.access-modal) .p-12{padding:48px 24px}:where(.roles-access-view,.access-modal) .px-2{padding-inline:8px}:where(.roles-access-view,.access-modal) .px-2\.5{padding-inline:10px}:where(.roles-access-view,.access-modal) .px-3{padding-inline:12px}:where(.roles-access-view,.access-modal) .px-4{padding-inline:16px}:where(.roles-access-view,.access-modal) .px-5{padding-inline:20px}:where(.roles-access-view,.access-modal) .py-0\.5{padding-block:2px}:where(.roles-access-view,.access-modal) .py-1\.5{padding-block:6px}:where(.roles-access-view,.access-modal) .py-2{padding-block:8px}:where(.roles-access-view,.access-modal) .py-2\.5{padding-block:10px}:where(.roles-access-view,.access-modal) .pt-1{padding-top:4px}:where(.roles-access-view,.access-modal) .pt-2{padding-top:8px}:where(.roles-access-view,.access-modal) .pt-3{padding-top:12px}:where(.roles-access-view,.access-modal) .pt-4{padding-top:16px}:where(.roles-access-view,.access-modal) .pb-2\.5{padding-bottom:10px}:where(.roles-access-view,.access-modal) .pl-10{padding-left:40px}:where(.roles-access-view,.access-modal) .pr-1{padding-right:4px}:where(.roles-access-view,.access-modal) .pr-4{padding-right:16px}:where(.roles-access-view,.access-modal) .pr-9{padding-right:36px}:where(.roles-access-view,.access-modal) .mt-0\.5{margin-top:2px}:where(.roles-access-view,.access-modal) .mt-1{margin-top:4px}:where(.roles-access-view,.access-modal) .mt-2{margin-top:8px}:where(.roles-access-view,.access-modal) .mt-3{margin-top:12px}:where(.roles-access-view,.access-modal) .mt-4{margin-top:16px}:where(.roles-access-view,.access-modal) .mb-1{margin-bottom:4px}:where(.roles-access-view,.access-modal) .mb-1\.5{margin-bottom:6px}:where(.roles-access-view,.access-modal) .mb-3{margin-bottom:12px}:where(.roles-access-view,.access-modal) .mb-4{margin-bottom:16px}:where(.roles-access-view,.access-modal) .mx-auto{margin-inline:auto}:where(.roles-access-view,.access-modal) .w-full{width:100%}:where(.roles-access-view,.access-modal) .w-2{width:8px}:where(.roles-access-view,.access-modal) .h-2{height:8px}:where(.roles-access-view,.access-modal) .w-10{width:40px}:where(.roles-access-view,.access-modal) .h-10{height:40px}:where(.roles-access-view,.access-modal) .w-11{width:44px}:where(.roles-access-view,.access-modal) .h-11{height:44px}:where(.roles-access-view,.access-modal) .w-36{width:144px}:where(.roles-access-view,.access-modal) .max-w-sm{max-width:384px}:where(.roles-access-view,.access-modal) .max-h-\[70vh\]{max-height:min(70vh,680px)}:where(.roles-access-view,.access-modal) .overflow-y-auto{overscroll-behavior:contain;overflow-y:auto}:where(.roles-access-view,.access-modal) .left-3\.5{left:14px}:where(.roles-access-view,.access-modal) .right-2\.5{right:10px}:where(.roles-access-view,.access-modal) .top-1\/2{top:50%}:where(.roles-access-view,.access-modal) .-translate-y-1\/2{transform:translateY(-50%)}:where(.roles-access-view,.access-modal) .text-\[10px\]{font-size:10px}:where(.roles-access-view,.access-modal) .text-\[11px\]{font-size:11px}:where(.roles-access-view,.access-modal) .text-xs{font-size:12px;line-height:1.45}:where(.roles-access-view,.access-modal) .text-sm{font-size:14px;line-height:1.5}:where(.roles-access-view,.access-modal) .text-base{font-size:16px}:where(.roles-access-view,.access-modal) .text-xl{font-size:20px}:where(.roles-access-view,.access-modal) .text-2xl{font-size:24px;line-height:1.1}:where(.roles-access-view,.access-modal) .font-medium{font-weight:500}:where(.roles-access-view,.access-modal) .font-semibold{font-weight:650}:where(.roles-access-view,.access-modal) .font-bold{font-weight:750}:where(.roles-access-view,.access-modal) .font-mono{font-family:DM Mono,monospace}:where(.roles-access-view,.access-modal) .leading-tight{line-height:1.25}:where(.roles-access-view,.access-modal) .tracking-tight{letter-spacing:-.025em}:where(.roles-access-view,.access-modal) .tracking-wider{letter-spacing:.08em}:where(.roles-access-view,.access-modal) .uppercase{text-transform:uppercase}:where(.roles-access-view,.access-modal) .capitalize{text-transform:capitalize}:where(.roles-access-view,.access-modal) .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where(.roles-access-view,.access-modal) .text-center{text-align:center}:where(.roles-access-view,.access-modal) .bg-white{background:var(--surface)}:where(.roles-access-view,.access-modal) .bg-slate-50,:where(.roles-access-view,.access-modal) .bg-slate-50\/50,:where(.roles-access-view,.access-modal) .bg-slate-100,:where(.roles-access-view,.access-modal) .bg-slate-800\/40,:where(.roles-access-view,.access-modal) .bg-slate-800\/50,:where(.roles-access-view,.access-modal) .bg-slate-800\/60{background:var(--surface-2)}:where(.roles-access-view,.access-modal) .bg-indigo-50,:where(.roles-access-view,.access-modal) .bg-indigo-50\/50,:where(.roles-access-view,.access-modal) .bg-indigo-100{background:var(--accent-soft)}:where(.roles-access-view,.access-modal) .bg-indigo-600{background:var(--accent-deep)}:where(.roles-access-view,.access-modal) .bg-emerald-50{background:color-mix(in srgb, var(--accent-soft) 82%, var(--surface))}:where(.roles-access-view,.access-modal) .bg-amber-50,:where(.roles-access-view,.access-modal) .bg-amber-100{background:color-mix(in srgb, #f59e0b 12%, var(--surface))}:where(.roles-access-view,.access-modal) .bg-sky-50{background:color-mix(in srgb, #3b82f6 10%, var(--surface))}:where(.roles-access-view,.access-modal) .bg-rose-50{background:color-mix(in srgb, #ef4444 9%, var(--surface))}:where(.roles-access-view,.access-modal) .bg-rose-600{background:#dc2626}:where(.roles-access-view,.access-modal) .border{border:1px solid var(--border)}:where(.roles-access-view,.access-modal) .border-t{border-top:1px solid var(--border)}:where(.roles-access-view,.access-modal) .border-b{border-bottom:1px solid var(--border)}:where(.roles-access-view,.access-modal) .border-dashed{border-style:dashed}:where(.roles-access-view,.access-modal) .border-slate-100,:where(.roles-access-view,.access-modal) .border-slate-200,:where(.roles-access-view,.access-modal) .border-slate-200\/60,:where(.roles-access-view,.access-modal) .border-slate-200\/80,:where(.roles-access-view,.access-modal) .border-slate-300{border-color:var(--border)}:where(.roles-access-view,.access-modal) .border-indigo-100{border-color:color-mix(in srgb, var(--accent) 26%, var(--border))}:where(.roles-access-view,.access-modal) .border-indigo-600{border-color:var(--accent-deep)}:where(.roles-access-view,.access-modal) .border-emerald-200{border-color:color-mix(in srgb, var(--accent) 42%, var(--border))}:where(.roles-access-view,.access-modal) .border-amber-200{border-color:color-mix(in srgb, #f59e0b 38%, var(--border))}:where(.roles-access-view,.access-modal) .border-rose-200{border-color:color-mix(in srgb, #ef4444 35%, var(--border))}:where(.roles-access-view,.access-modal) .rounded{border-radius:5px}:where(.roles-access-view,.access-modal) .rounded-md{border-radius:7px}:where(.roles-access-view,.access-modal) .rounded-lg{border-radius:9px}:where(.roles-access-view,.access-modal) .rounded-xl{border-radius:12px}:where(.roles-access-view,.access-modal) .rounded-2xl{border-radius:16px}:where(.roles-access-view,.access-modal) .rounded-full{border-radius:999px}:where(.roles-access-view,.access-modal) .shadow-sm{box-shadow:var(--shadow)}:where(.roles-access-view,.access-modal) .shadow-md{box-shadow:0 12px 28px #18332724}:where(.roles-access-view,.access-modal) .text-slate-900,:where(.roles-access-view,.access-modal) .text-slate-800,:where(.roles-access-view,.access-modal) .text-slate-700{color:var(--text)}:where(.roles-access-view,.access-modal) .text-slate-600,:where(.roles-access-view,.access-modal) .text-slate-500,:where(.roles-access-view,.access-modal) .text-slate-400{color:var(--muted-text)}:where(.roles-access-view,.access-modal) .text-slate-300{color:color-mix(in srgb, var(--muted-text) 65%, var(--border))}:where(.roles-access-view,.access-modal) .text-white{color:#fff}:where(.roles-access-view,.access-modal) .text-indigo-900,:where(.roles-access-view,.access-modal) .text-indigo-600,:where(.roles-access-view,.access-modal) .text-emerald-800,:where(.roles-access-view,.access-modal) .text-emerald-700,:where(.roles-access-view,.access-modal) .text-emerald-600,:where(.roles-access-view,.access-modal) .text-emerald-500{color:var(--accent-deep)}:where(.roles-access-view,.access-modal) .text-amber-800,:where(.roles-access-view,.access-modal) .text-amber-700,:where(.roles-access-view,.access-modal) .text-amber-600,:where(.roles-access-view,.access-modal) .text-amber-500{color:#a16207}:where(.roles-access-view,.access-modal) .text-sky-600{color:#2563eb}:where(.roles-access-view,.access-modal) .text-rose-800,:where(.roles-access-view,.access-modal) .text-rose-700,:where(.roles-access-view,.access-modal) .text-rose-600,:where(.roles-access-view,.access-modal) .text-rose-500{color:#dc2626}:where(.roles-access-view,.access-modal) input:not([type=file]){min-height:42px;color:var(--text)}:where(.roles-access-view,.access-modal) input::placeholder{color:var(--muted-text)}:where(.roles-access-view,.access-modal) .cursor-pointer{cursor:pointer}:where(.roles-access-view,.access-modal) .transition-all,:where(.roles-access-view,.access-modal) .transition-colors,:where(.roles-access-view,.access-modal) .transition-shadow{transition:color .18s,background-color .18s,border-color .18s,box-shadow .18s,transform .18s}:where(.roles-access-view,.access-modal) .hover\:bg-indigo-700:hover{background:color-mix(in srgb, var(--accent-deep) 88%, #000)}:where(.roles-access-view,.access-modal) .hover\:bg-slate-50:hover,:where(.roles-access-view,.access-modal) .hover\:bg-slate-100:hover{background:var(--surface-2)}:where(.roles-access-view,.access-modal) .hover\:bg-indigo-50:hover{background:var(--accent-soft)}:where(.roles-access-view,.access-modal) .hover\:bg-rose-50:hover{background:color-mix(in srgb, #ef4444 9%, var(--surface))}:where(.roles-access-view,.access-modal) .hover\:bg-rose-700:hover{background:#b91c1c}:where(.roles-access-view,.access-modal) .hover\:text-indigo-600:hover{color:var(--accent-deep)}:where(.roles-access-view,.access-modal) .hover\:text-slate-600:hover{color:var(--text)}:where(.roles-access-view,.access-modal) .hover\:shadow-md:hover{box-shadow:0 16px 36px #1833271f}:where(.roles-access-view,.access-modal) .active\:scale-\[0\.98\]:active{transform:scale(.98)}:where(.roles-access-view,.access-modal) .disabled\:opacity-50:disabled{opacity:.5}:where(.roles-access-view,.access-modal) .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}:where(.roles-access-view,.access-modal) .focus\:outline-none:focus{outline:none}:where(.roles-access-view,.access-modal) .focus\:ring-2:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 42%, transparent);outline-offset:2px}:where(.roles-access-view,.access-modal) .animate-pulse{animation:1.4s ease-in-out infinite access-pulse}.roles-access-view>.flex:first-of-type{align-items:flex-end}.roles-access-view>.grid.grid-cols-2>div{min-height:92px}.roles-access-view>.grid.grid-cols-2>div>div:last-child{min-width:0}.roles-access-view .registration-select-trigger{background:var(--surface-2);min-height:42px}.roles-access-view .registration-select-menu,.access-modal .registration-select-menu{max-height:min(260px,40vh);overflow-y:auto}.access-modal{width:min(640px,100vw - 32px);max-height:calc(100dvh - 32px)}.access-modal .app-modal-body{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--muted-text) 40%, transparent) transparent}.access-modal .app-modal-body::-webkit-scrollbar{width:6px}.access-modal .app-modal-body::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted-text) 40%, transparent);border-radius:8px}.access-modal .phone-input-field{color:var(--text);gap:4px;font-size:12px;font-weight:650}.access-modal .phone-input-wrap input{padding-right:12px}.access-invite-actions{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.access-invite-actions:has(>:only-child){justify-content:flex-end}.access-invite-actions button{min-height:44px}@keyframes access-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (width>=640px){:where(.roles-access-view,.access-modal) .sm\:flex-row{flex-direction:row}:where(.roles-access-view,.access-modal) .sm\:items-center{align-items:center}:where(.roles-access-view,.access-modal) .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.roles-access-view,.access-modal) .sm\:col-span-2{grid-column:span 2/span 2}}@media (width>=768px){:where(.roles-access-view,.access-modal) .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.roles-access-view,.access-modal) .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){:where(.roles-access-view,.access-modal) .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}:where(.roles-access-view,.access-modal) .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=700px){.roles-access-view{padding-bottom:24px}.roles-access-view>.flex:first-of-type{align-items:stretch}.roles-access-view>.flex:first-of-type>button{width:100%;min-height:44px}.roles-access-view>.grid.grid-cols-2{grid-template-columns:1fr;gap:10px}.roles-access-view>.grid.grid-cols-2>div{min-height:80px}.roles-access-view>.p-4.flex{padding:12px}.roles-access-view>.p-4.flex>.flex:last-child{flex-direction:column;align-items:stretch;width:100%}.roles-access-view>.p-4.flex .w-36{width:100%}.roles-access-view>.p-4.flex .flex.items-center.p-1{width:100%;overflow-x:auto}.roles-access-view>.p-4.flex .flex.items-center.p-1 button{white-space:nowrap;flex:1;min-height:40px}.access-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.access-modal .app-modal-body{padding-inline:18px}}@media (width<=480px){.access-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.access-modal .app-modal-body{padding-inline:14px}.access-invite-actions{flex-direction:column;align-items:stretch;gap:8px}.access-invite-actions button{width:100%}}@media (prefers-reduced-motion:reduce){:where(.roles-access-view,.access-modal) *,:where(.roles-access-view,.access-modal) :before,:where(.roles-access-view,.access-modal) :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{color:#17201d;font-synthesis:none;--bg:#f4f5f1;--surface:#fff;--surface-2:#f7f8f5;--sidebar:#17221e;--sidebar-2:#202d28;--text:#17201d;--muted-text:#76807b;--border:#e4e7e1;--accent:#51a678;--accent-deep:#2c7952;--accent-soft:#e7f4eb;--shadow:0 14px 36px #1f2f280f;background:#f4f5f1;font-family:Manrope,sans-serif}@media (prefers-color-scheme:dark){:root{color:#eef3ef;--bg:#101412;--surface:#171d1a;--surface-2:#1c2420;--sidebar:#0c110f;--sidebar-2:#18221e;--text:#eef3ef;--muted-text:#98a49e;--border:#29322e;--accent:#67c08d;--accent-deep:#58b27f;--accent-soft:#1d382a;--shadow:0 18px 44px #0000002e;background:#101412}}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;scroll-padding-top:92px}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}.app-shell{min-height:100vh}.sidebar{width:264px;height:100dvh;min-height:0;padding:calc(28px + env(safe-area-inset-top)) 18px calc(14px + env(safe-area-inset-bottom));color:#eaf1ed;background:var(--sidebar);z-index:20;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.brand{letter-spacing:-.04em;align-items:center;gap:11px;font-size:22px;font-weight:800;display:flex}.brand-mark{border:2px solid #75c697;border-radius:13px 13px 7px 7px;width:25px;height:27px;display:block;position:relative;transform:rotate(45deg)}.brand-mark:after,.brand-mark span{content:"";background:#75c697;border-radius:50%;width:8px;height:8px;position:absolute}.brand-mark:after{top:3px;right:3px}.brand-mark span{bottom:3px;left:3px}.side-top{justify-content:space-between;align-items:center;padding:0 9px;display:flex}.mobile-close{color:inherit;background:0 0;border:0;display:none}.society-switcher{background:var(--sidebar-2);border:1px solid #ffffff1a;border-radius:13px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;margin:27px 0 24px;padding:10px;display:grid}.society-avatar{color:#372514;background:#e4ae6b;border-radius:10px;place-items:center;height:38px;font-size:12px;font-weight:800;display:grid}.platform-context{grid-template-columns:38px 1fr}.platform-context .society-avatar{color:#75c697;background:#75c69729}.society-switcher b,.society-switcher small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.society-switcher b{font-size:12px}.society-switcher small{color:#95a39d;margin-top:3px;font-size:10px}.verified-society{grid-template-columns:38px minmax(0,1fr)}.verified-society-name{align-items:center;gap:5px;min-width:0;display:flex}.verified-society-name b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.verified-badge{color:#fff;fill:#1d9bf0;stroke-width:2.5px;flex:none}.sidebar-scroll{overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;padding:1px 5px 16px 0;display:flex;overflow-y:auto}.sidebar .sidebar-scroll,.sidebar .sidebar-scroll:hover,.sidebar .sidebar-scroll:focus-within{-ms-overflow-style:none;scrollbar-width:none!important;scrollbar-color:transparent transparent!important}.sidebar .sidebar-scroll::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.sidebar .sidebar-scroll::-webkit-scrollbar-thumb{box-shadow:none!important;background:0 0!important;border:0!important}.sidebar .sidebar-scroll::-webkit-scrollbar-track{box-shadow:none!important;background:0 0!important;border:0!important}.sidebar .sidebar-scroll::-webkit-scrollbar-corner{box-shadow:none!important;background:0 0!important;border:0!important}nav{flex-direction:column;gap:4px;display:flex}.nav-label{color:#788b82;text-transform:uppercase;letter-spacing:.16em;margin:0 11px 8px;font-size:9px;font-weight:700}.nav-space{margin-top:18px}nav button{color:#aebbb5;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:13px;transition:all .2s;display:flex}nav button:hover{color:#fff;background:#ffffff0d;transform:translate(2px)}nav button.active{color:#1a3f2b;background:#e8f3ec;font-weight:700}nav button em{color:#fff;background:#d8645c;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:10px;font-style:normal}.support-card{background:linear-gradient(145deg,#68bb8b26,#ffffff08);border:1px solid #ffffff14;border-radius:14px;margin-top:20px;padding:14px}.support-card>div{color:#173624;background:#6cc18f;border-radius:9px;place-items:center;width:32px;height:32px;margin-bottom:10px;display:grid}.support-card b{font-size:12px}.support-card p{color:#93a39c;margin:5px 0 8px;font-size:10px;line-height:1.5}.support-card button{color:#76cca0;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:10px;font-weight:700;display:flex}.side-user{box-shadow:0 -10px 20px var(--sidebar);border-top:1px solid #ffffff14;flex:none;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:0;padding:12px 5px 2px;display:grid}.side-user>span{background:#385044;border-radius:50%;place-items:center;height:34px;font-size:10px;display:grid}.side-user>div{min-width:0}.side-user b,.side-user small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.side-user b{font-size:11px}.side-user small{color:#84928c;margin-top:2px;font-size:9px}@media (height<=900px) and (width>=821px){.sidebar{padding-top:18px;padding-bottom:10px}.society-switcher{margin:18px 0 16px}.nav-label{margin-bottom:5px}.nav-space{margin-top:9px}nav{gap:2px}nav button{padding-block:8px}.support-card{margin-top:16px;padding:10px}.support-card>div{display:none}.support-card p{margin-block:3px 5px}.side-user{padding-top:9px}}main{min-height:100vh;padding-left:264px}.topbar{background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;gap:20px;min-height:92px;padding:12px 32px;display:flex;position:sticky;top:0}.topbar-context{flex:1;gap:2px;min-width:0;display:grid}.topbar-context small{color:var(--accent-deep);text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:800}.topbar-context b{white-space:nowrap;text-overflow:ellipsis;font-size:21px;line-height:1.2;overflow:hidden}.topbar-context span{color:var(--muted-text);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.topbar.has-context .top-actions{flex:none}.search-box{background:var(--surface);border:1px solid var(--border);width:min(390px,40vw);height:40px;color:var(--muted-text);border-radius:11px;align-items:center;gap:10px;padding:0 13px;display:flex}.search-box input{color:var(--text);background:0 0;border:0;outline:0;width:100%;font-size:12px}.search-box kbd{border:1px solid var(--border);background:var(--surface-2);white-space:nowrap;border-radius:5px;padding:3px 6px;font-size:9px}.top-actions{align-items:center;gap:13px;display:flex}.icon-button{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--muted-text);border-radius:10px;place-items:center;transition:all .2s;display:grid}.icon-button:hover{color:var(--text);border-color:var(--accent);transform:translateY(-1px)}.notification{position:relative}.notification i{border:1px solid var(--surface);background:#dd655f;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.role-wrap{position:relative}.role-button{border:1px solid var(--border);background:var(--surface);height:44px;color:var(--text);text-align:left;border-radius:12px;align-items:center;gap:9px;padding:4px 8px 4px 5px;display:flex}.role-button>span{background:var(--accent-soft);width:32px;height:32px;color:var(--accent-deep);border-radius:9px;place-items:center;font-size:10px;font-weight:800;display:grid}.role-button small,.role-button b{display:block}.role-button small{color:var(--muted-text);font-size:8px}.role-button b{min-width:74px;margin-top:1px;font-size:11px}.role-menu{background:var(--surface);border:1px solid var(--border);width:230px;box-shadow:var(--shadow);border-radius:14px;padding:7px;animation:.18s ease-out pop;position:absolute;top:52px;right:0}.role-menu button{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:8px;display:grid}.role-menu button:hover,.role-menu button.selected{background:var(--surface-2)}.role-menu button>span{background:var(--accent-soft);height:32px;color:var(--accent-deep);border-radius:8px;place-items:center;font-size:10px;font-weight:800;display:grid}.role-menu b,.role-menu small{display:block}.role-menu b{font-size:11px}.role-menu small{color:var(--muted-text);margin-top:2px;font-size:9px}.role-menu svg{color:var(--accent-deep)}.menu-button,.mobile-brand{display:none}.content{max-width:1480px;margin:auto;padding:34px 34px 60px}.hero-row{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.eyebrow{color:var(--accent-deep);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.hero-row h1,.feature-heading h1{letter-spacing:-.045em;margin:8px 0 7px;font-size:30px;line-height:1.15}.hero-row p,.feature-heading p{color:var(--muted-text);margin:0;font-size:12px}.hero-actions{gap:9px;display:flex}.overview-actions{justify-content:flex-end;margin-bottom:18px;display:flex}.btn{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#fff;background:#27734d;box-shadow:0 8px 18px #27734d2e}.btn.secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:14px;display:grid}.metric-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:15px;height:144px;padding:16px;position:relative}.lift{transition:all .25s}.lift:hover{transform:translateY(-4px);box-shadow:0 18px 38px #1f2f281a}.metric-icon{border-radius:10px;place-items:center;width:36px;height:36px;display:grid;position:absolute}.metric-icon.sage{color:#43855e;background:#e7f3e8}.metric-icon.blue{color:#4775a4;background:#e7eff8}.metric-icon.violet{color:#735ca0;background:#eee9f8}.metric-icon.amber{color:#9a6c2f;background:#f8ecda}@media (prefers-color-scheme:dark){.metric-icon.sage{background:#203c2b}.metric-icon.blue{background:#202f41}.metric-icon.violet{background:#2d2740}.metric-icon.amber{background:#3b3020}}.metric-label{color:var(--muted-text);white-space:nowrap;align-items:center;padding-left:46px;font-size:10px;display:flex}.metric-label svg{margin-left:auto}.metric-card strong{letter-spacing:-.04em;margin-top:29px;font-size:23px;display:block}.metric-card p{color:var(--muted-text);margin:4px 0 0;font-size:9px}.dashboard-grid{grid-template-columns:1.7fr 1fr;gap:14px;margin-bottom:14px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:15px}.chart-panel,.collection-panel{height:318px;padding:18px}.panel-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-head h2{letter-spacing:-.02em;margin:0;font-size:13px}.panel-head p{color:var(--muted-text);margin:4px 0 0;font-size:9px}.period{border:1px solid var(--border);background:var(--surface);color:var(--muted-text);border-radius:8px;align-items:center;gap:6px;padding:7px 9px;font-size:9px;display:flex}.chart-summary{align-items:center;gap:10px;margin:18px 0 5px;display:flex}.chart-summary strong{font-size:26px}.chart-summary span{color:var(--accent-deep);align-items:center;font-size:9px;display:flex}.chart-wrap{height:202px}.collection-panel{flex-direction:column;display:flex}.ring{--progress:92%;background:conic-gradient(var(--accent) var(--progress),var(--surface-2) 0);border-radius:50%;place-items:center;width:134px;height:134px;margin:12px auto 7px;display:grid;position:relative}.ring:before{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:10px}.ring div{text-align:center;position:relative}.ring strong,.ring small{display:block}.ring strong{font-size:24px}.ring small{color:var(--muted-text);font-size:9px}.collection-row{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;padding-top:12px;display:grid}.collection-row>div{color:var(--muted-text);grid-template-columns:auto 1fr;column-gap:6px;font-size:9px;display:grid}.collection-row strong{color:var(--text);grid-column:2;margin-top:3px;font-size:11px}.dot{border-radius:50%;width:7px;height:7px;margin-top:2px}.dot.collected{background:var(--accent)}.dot.pending{background:#d4d9d5}.text-button{color:var(--accent-deep);background:0 0;border:0;align-items:center;gap:5px;margin-left:auto;padding:8px 0 0;font-size:9px;font-weight:700;display:flex}.visitors-panel{padding:18px}.visitor-table{margin-top:13px}.table-row{border-top:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1fr 32px;align-items:center;min-height:51px;font-size:10px;display:grid}.table-head{min-height:32px;color:var(--muted-text);text-transform:uppercase;letter-spacing:.08em;border:0;font-size:8px}.visitor-person{align-items:center;gap:10px;display:flex}.visitor-person i{border-radius:9px;place-items:center;width:30px;height:30px;font-size:9px;font-style:normal;font-weight:800;display:grid}.visitor-person i.mint{color:#397552;background:#e6f2e9}.visitor-person i.violet{color:#725a9d;background:#eee9f7}.visitor-person i.amber{color:#966a32;background:#f8ecda}.visitor-person i.blue{color:#49779a;background:#e5eff7}.visitor-person b,.visitor-person small{display:block}.visitor-person b{font-size:10px}.visitor-person small{color:var(--muted-text);margin-top:2px;font-size:8px}.table-row .icon-button{border:0;width:30px;height:30px}.status{border-radius:12px;padding:4px 7px;font-size:8px;font-style:normal}.status.inside{background:var(--accent-soft);color:var(--accent-deep)}.status.exited{background:var(--surface-2);color:var(--muted-text)}.floating-scan{color:#fff;z-index:8;background:#27734d;border:0;border-radius:24px;align-items:center;gap:8px;padding:12px 17px;font-size:11px;font-weight:700;display:none;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 28px #173d2b47}.feature-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.feature-canvas{text-align:center;border:1px solid var(--border);background:radial-gradient(circle at 50% 40%,var(--accent-soft),transparent 38%),var(--surface);min-height:460px;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;margin-top:28px;padding:40px;display:flex}.feature-orb{background:var(--accent-soft);width:76px;height:76px;color:var(--accent-deep);border-radius:24px;place-items:center;display:grid;transform:rotate(-5deg)}.feature-canvas h2{letter-spacing:-.03em;margin:23px 0 8px}.feature-canvas>p{max-width:480px;color:var(--muted-text);font-size:12px;line-height:1.7}.feature-pills{gap:8px;margin-top:18px;display:flex}.feature-pills span{border:1px solid var(--border);background:var(--surface);color:var(--muted-text);border-radius:20px;align-items:center;gap:5px;padding:7px 10px;font-size:9px;display:flex}.feature-pills svg{color:var(--accent-deep)}.logout-user{color:#eaf1ed;text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.logout-user:hover{background:#ffffff0a;border-radius:10px}.current-role{border:1px solid var(--border);background:var(--surface);color:var(--accent-deep);border-radius:10px;align-items:center;gap:6px;padding:8px 11px;font-size:10px;font-weight:700;display:flex}.public-site{background:var(--bg);min-height:100vh;overflow-x:clip}.public-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;max-width:1220px;height:78px;margin:auto;padding:0 24px;display:flex}.public-nav .brand{color:var(--text)}.public-nav nav{flex-direction:row;gap:32px;display:flex}.public-nav nav button,.public-footer a{color:var(--muted-text);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:600;text-decoration:none}.public-nav nav button:hover{color:var(--text)}.public-nav>div:last-child{gap:8px;display:flex}.btn.ghost{color:var(--text);background:0 0}.public-main{padding-left:0}.public-hero{grid-template-columns:.93fr 1.07fr;align-items:center;gap:58px;max-width:1220px;min-height:650px;margin:auto;padding:88px 24px 80px;display:grid}.public-badge{border:1px solid var(--border);background:var(--surface);color:var(--muted-text);text-transform:uppercase;letter-spacing:.08em;border-radius:20px;align-items:center;gap:8px;padding:7px 11px;font-size:9px;font-weight:700;display:inline-flex}.public-badge span{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 5px var(--accent-soft);border-radius:50%}.hero-copy h1{letter-spacing:-.065em;margin:24px 0 20px;font-size:58px;line-height:1.03}.hero-copy h1 em{color:var(--accent-deep);font-style:normal}.hero-copy>p{max-width:570px;color:var(--muted-text);font-size:14px;line-height:1.8}.public-cta{align-items:center;gap:22px;margin-top:28px;display:flex}.btn.large{height:48px;padding:0 20px;font-size:12px}.feature-link{color:var(--text);background:0 0;border:0;align-items:center;padding:0;font-size:11px;font-weight:700;display:flex}.trust-row{gap:20px;margin-top:24px;display:flex}.trust-row span{color:var(--muted-text);align-items:center;gap:5px;font-size:9px;display:flex}.trust-row svg{color:var(--accent-deep)}.hero-product{place-items:center;min-height:455px;display:grid;position:relative}.product-glow{background:color-mix(in srgb,var(--accent) 18%,transparent);filter:blur(50px);border-radius:50%;width:480px;height:390px;position:absolute}.mini-window{border:1px solid var(--border);background:var(--surface);border-radius:21px;width:100%;max-width:580px;position:relative;overflow:hidden;transform:perspective(1000px)rotateY(-3deg)rotateX(2deg);box-shadow:0 35px 80px #1a322729}.mini-top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:55px;padding:0 20px;font-size:9px;display:flex}.mini-brand{align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.mini-brand>span{border:5px solid var(--accent);border-radius:7px;width:18px;height:18px;transform:rotate(45deg)}.mini-top small{color:var(--muted-text)}.mini-content{padding:24px}.mini-welcome span,.mini-welcome small{display:block}.mini-welcome span{letter-spacing:-.03em;font-size:17px;font-weight:800}.mini-welcome small{color:var(--muted-text);margin-top:4px;font-size:8px}.mini-stats{grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0;display:grid}.mini-stats>div{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;grid-template-columns:28px 1fr;align-items:center;padding:12px;display:grid}.mini-stats svg{width:17px;color:var(--accent-deep);grid-row:1/3}.mini-stats b{font-size:15px}.mini-stats small{color:var(--muted-text);font-size:7px}.mini-bottom{grid-template-columns:1.6fr .8fr;gap:9px;display:grid}.mini-chart{border:1px solid var(--border);background:linear-gradient(to top,var(--accent-soft),transparent);border-radius:12px;align-items:flex-end;gap:9px;height:134px;padding:18px;display:flex}.mini-chart span{background:var(--accent);opacity:.75;border-radius:5px 5px 2px 2px;flex:1}.mini-chart span:first-child{height:34%}.mini-chart span:nth-child(2){height:57%}.mini-chart span:nth-child(3){height:44%}.mini-chart span:nth-child(4){height:76%}.mini-chart span:nth-child(5){height:63%}.mini-chart span:nth-child(6){height:92%}.mini-pass{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex}.mini-pass svg{width:38px;height:38px;color:var(--text)}.mini-pass b{margin-top:8px;font-size:9px}.mini-pass small{color:var(--muted-text);margin-top:3px;font-size:7px}.floating-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:9px;padding:11px 14px;animation:4s ease-in-out infinite float;display:flex;position:absolute}.floating-card svg{width:22px;color:var(--accent-deep)}.floating-card b,.floating-card small{display:block}.floating-card b{font-size:9px}.floating-card small{color:var(--muted-text);margin-top:2px;font-size:7px}.floating-card.approval{top:75px;left:-18px}.floating-card.paid{animation-delay:-2s;bottom:42px;right:-15px}.public-proof{border-block:1px solid var(--border);background:var(--surface);padding:26px 24px}.public-proof>p{text-align:center;color:var(--muted-text);letter-spacing:.18em;margin:0 0 18px;font-size:8px;font-weight:800}.public-proof>div{justify-content:space-between;max-width:930px;margin:auto;display:flex}.public-proof span{color:var(--text);align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.public-proof svg{width:18px;color:var(--accent-deep)}.features-section{max-width:1180px;margin:auto;padding:100px 24px}.section-heading{text-align:center}.section-heading h2,.roles-copy h2,.public-cta-banner h2{letter-spacing:-.05em;margin:10px 0;font-size:36px}.section-heading p,.roles-copy>p,.public-cta-banner p{color:var(--muted-text);font-size:12px}.public-feature-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px;display:grid}.public-feature{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:17px;padding:25px}.public-feature>div{background:var(--accent-soft);width:42px;height:42px;color:var(--accent-deep);border-radius:12px;place-items:center;display:grid}.public-feature h3{margin:19px 0 8px;font-size:14px}.public-feature p{min-height:47px;color:var(--muted-text);font-size:10px;line-height:1.6}.public-feature a{color:var(--accent-deep);cursor:pointer;align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.roles-section{background:var(--sidebar);color:#eef4f0;border-radius:26px;grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1100px;margin:20px auto 100px;padding:70px;display:grid}.roles-copy>p{color:#9caaa3;margin-bottom:25px;line-height:1.7}.role-line{align-items:center;gap:9px;margin:12px 0;font-size:10px;display:flex}.role-line svg{color:#78cb9b}.roles-visual{place-items:center;display:grid}.access-card{background:var(--sidebar-2);border:1px solid #ffffff1a;border-radius:18px;width:100%;padding:25px}.access-card>svg{color:#75c697}.access-card>span,.access-card>small{display:block}.access-card>span{margin-top:13px;font-weight:800}.access-card>small{color:#93a29b;margin:4px 0 17px;font-size:9px}.access-card p{background:#ffffff0a;border-radius:9px;grid-template-columns:31px 1fr auto;align-items:center;gap:10px;margin:6px 0;padding:9px;display:grid}.access-card p i{color:#8ed3aa;background:#31513f;border-radius:8px;place-items:center;height:31px;font-size:8px;font-style:normal;font-weight:800;display:grid}.access-card p em{color:#829189;font-size:8px;font-style:normal}.public-cta-banner{color:#fff;background:linear-gradient(135deg,#28744e,#3c9569);border-radius:22px;justify-content:space-between;align-items:center;gap:30px;max-width:1100px;margin:0 auto 90px;padding:46px 52px;display:flex}.public-cta-banner .eyebrow,.public-cta-banner p{color:#d3ecde}.btn.light{color:#205e3e;background:#fff}.public-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;max-width:1180px;margin:auto;padding:30px 24px;display:flex}.public-footer .brand-mark{width:19px;height:21px}.public-footer p{color:var(--muted-text);font-size:9px}.public-footer>div{gap:20px;display:flex}.login-modal{width:min(430px,100%);padding:30px;position:relative}.login-close{position:absolute;top:17px;right:17px}.login-symbol{background:var(--accent-soft);width:52px;height:52px;color:var(--accent-deep);border-radius:15px;place-items:center;margin:26px auto 15px;display:grid}.login-modal>h2{text-align:center;letter-spacing:-.04em;margin:0;font-size:22px}.login-modal>p{text-align:center;color:var(--muted-text);margin:7px 0 23px;font-size:10px}.login-modal form{gap:14px;display:grid}.input-with-icon{border:1px solid var(--border);background:var(--surface-2);height:44px;color:var(--muted-text);border-radius:10px;align-items:center;gap:9px;padding:0 12px;display:flex}.login-modal .input-with-icon input{background:0 0;border:0;outline:0;height:auto;padding:0}.login-options{justify-content:space-between;align-items:center;display:flex}.login-options label{color:var(--muted-text);align-items:center;gap:6px;font-size:9px;font-weight:500;display:flex}.login-options input{width:auto;height:auto}.login-options button{color:var(--accent-deep);background:0 0;border:0;padding:0;font-size:9px;font-weight:700}.login-submit{width:100%;margin-top:2px}.form-error{text-align:left!important;color:#d65f59!important;margin:0!important;font-size:9px!important}.form-success{line-height:1.5;text-align:left!important;color:var(--accent-deep)!important;margin:0!important;font-size:12px!important}.demo-hint{background:var(--surface-2);color:var(--muted-text);border-radius:9px;margin-top:18px;padding:11px}.demo-hint b{color:var(--text);font-size:9px}.demo-hint p{margin:4px 0;font-size:8px;line-height:1.55}.demo-hint code{color:var(--accent-deep)}.secure-note{color:var(--muted-text);justify-content:center;align-items:center;gap:5px;margin-top:13px;font-size:8px;display:flex}.secure-note svg{color:var(--accent-deep)}@keyframes float{50%{transform:translateY(-8px)}}.motion-ready .scroll-reveal .reveal-heading,.motion-ready .scroll-reveal .reveal-left,.motion-ready .scroll-reveal .reveal-right,.motion-ready .scroll-reveal.reveal-children>*{opacity:0;filter:blur(4px);transform:translateY(22px)}.motion-ready .scroll-reveal .reveal-right{transform:translate(28px)}.motion-ready .scroll-reveal .reveal-left{transform:translate(-28px)}.motion-ready .scroll-reveal .reveal-grid>*{opacity:0;transform:translateY(26px)scale(.975)}.motion-ready .scroll-reveal.is-visible .reveal-heading,.motion-ready .scroll-reveal.is-visible .reveal-left,.motion-ready .scroll-reveal.is-visible .reveal-right,.motion-ready .scroll-reveal.is-visible.reveal-children>*{opacity:1;filter:none;transition:opacity .65s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1),filter .55s;transform:none}.motion-ready .scroll-reveal.is-visible .reveal-grid>*{opacity:1;transition:opacity .55s ease var(--delay),transform .7s cubic-bezier(.16,1,.3,1) var(--delay),box-shadow .25s ease;transform:none}.motion-ready .scroll-reveal.is-visible.reveal-children>:nth-child(2){transition-delay:.11s}.motion-ready .roles-section.is-visible .access-card p{animation:.48s cubic-bezier(.2,.8,.2,1) both roleRow;animation-delay:calc(.3s + var(--delay))}.public-nav{z-index:30;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.public-nav nav button{position:relative}.public-nav nav button:after{content:"";background:var(--accent);border-radius:2px;height:2px;transition:left .25s,right .25s;position:absolute;bottom:-9px;left:50%;right:50%}.public-nav nav button:hover:after{left:0;right:0}#features,#roles,#security{scroll-margin-top:92px}@keyframes roleRow{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:40;background:#060c0994;place-items:center;padding:20px;animation:.2s fade;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:min(540px,100%);padding:24px;animation:.25s cubic-bezier(.2,.8,.2,1) pop;box-shadow:0 32px 80px #00000040}.modal-head{justify-content:space-between;gap:20px;margin-bottom:21px;display:flex}.modal-head h2{letter-spacing:-.035em;margin:7px 0 5px;font-size:21px}.modal-head p{color:var(--muted-text);margin:0;font-size:10px}.modal form{gap:14px;display:grid}.modal label{gap:6px;font-size:10px;font-weight:700;display:grid}.modal input,.modal select{border:1px solid var(--border);background:var(--surface-2);width:100%;height:42px;color:var(--text);border-radius:10px;padding:0 12px;font-size:11px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.success-state{text-align:center;padding:28px 15px}.success-icon{background:var(--accent-soft);width:68px;height:68px;color:var(--accent-deep);border-radius:50%;place-items:center;margin:auto;animation:.45s cubic-bezier(.2,.9,.3,1.3) success;display:grid}.success-state h2{margin:19px 0 7px}.success-state p{max-width:390px;color:var(--muted-text);margin:0 auto 22px;font-size:11px;line-height:1.7}.reveal{animation:.55s both rise}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.27s}.stagger{animation:.5s both rise;animation-delay:var(--delay)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.96)translateY(-5px)}}@keyframes success{0%{opacity:0;transform:scale(.4)rotate(-20deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1.4fr 1fr}.content{padding:28px 24px 50px}.topbar{padding:0 24px}}@media (width<=820px){.sidebar{transition:transform .25s;transform:translate(-105%)}.sidebar.open{transform:none;box-shadow:20px 0 60px #0000004d}.mobile-close{display:block}.scrim{z-index:19;background:#0408068c;border:0;position:fixed;inset:0}main{padding-left:0}.menu-button{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text);border-radius:10px;place-items:center;display:grid}.mobile-brand{display:block}.mobile-brand .brand{font-size:18px}.mobile-brand .brand-mark{width:20px;height:22px}.search-box{width:min(330px,44vw);margin-left:auto}.dashboard-grid{grid-template-columns:1fr}.collection-panel{height:auto}.ring{margin-top:20px}.floating-scan{display:flex}}@media (width<=900px){.public-nav nav{display:none}.public-hero{text-align:center;grid-template-columns:1fr;padding-top:65px}.hero-copy>p{margin-inline:auto}.public-cta,.trust-row{justify-content:center}.hero-product{width:min(650px,100%);margin:auto}.public-feature-grid{grid-template-columns:repeat(2,1fr)}.roles-section{grid-template-columns:1fr;gap:40px;margin-inline:24px;padding:50px}.public-cta-banner{margin-inline:24px}}@media (width<=600px){.topbar{gap:8px;height:64px;padding:0 15px}.mobile-brand{display:none}.search-box{width:42px;padding:0 11px}.search-box input,.search-box kbd{display:none}.top-actions{gap:7px}.role-button div,.role-button>svg{display:none}.role-button b{min-width:0}.role-button{padding:4px}.content{padding:24px 15px 90px}.hero-row,.feature-heading{flex-direction:column;align-items:flex-start}.hero-row h1,.feature-heading h1{font-size:26px}.hero-actions,.overview-actions{width:100%}.hero-actions .btn,.overview-actions .btn{flex:1}.metrics-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{height:132px;padding:13px}.metric-card strong{font-size:20px}.metric-label{font-size:0}.dashboard-grid{gap:10px}.chart-panel{height:300px;padding:14px}.visitors-panel{padding:14px;overflow:hidden}.table-head{display:none}.table-row{grid-template-columns:1fr auto auto;gap:10px;padding:10px 0}.table-row>span:nth-child(2),.table-row>span:nth-child(3){display:none}.visitor-person b{font-size:11px}.form-grid{grid-template-columns:1fr}.modal{padding:19px}.feature-canvas{min-height:390px;padding:25px}.feature-pills{flex-wrap:wrap;justify-content:center}.feature-heading .btn{width:100%}.current-role{display:none}.public-nav{height:68px;padding:0 15px}.public-nav .brand{font-size:18px}.public-nav .brand-mark{width:20px;height:22px}.public-nav .btn.ghost{display:none}.public-nav .btn.primary{height:37px;padding:0 12px}.public-hero{gap:28px;padding:54px 17px 65px}.hero-copy h1{font-size:40px}.hero-copy>p{font-size:12px}.public-cta{flex-direction:column;gap:15px}.trust-row{flex-wrap:wrap;gap:10px}.hero-product{min-height:330px}.mini-content{padding:15px}.mini-stats{gap:5px}.mini-stats>div{text-align:center;grid-template-columns:1fr;padding:8px}.mini-stats svg{display:none}.mini-bottom{grid-template-columns:1fr}.mini-pass{display:none}.mini-chart{height:105px}.floating-card{display:none}.public-proof>div{grid-template-columns:1fr 1fr;gap:18px;display:grid}.public-proof span{font-size:9px}.features-section{padding:70px 17px}.section-heading h2,.roles-copy h2,.public-cta-banner h2{font-size:28px}.public-feature-grid{grid-template-columns:1fr;margin-top:30px}.roles-section{margin:0 15px 70px;padding:32px 22px}.public-cta-banner{flex-direction:column;align-items:flex-start;margin:0 15px 60px;padding:35px 24px}.public-footer{padding:25px 17px}.public-footer p{display:none}.public-footer>div{gap:10px}.login-modal{padding:25px 19px}.login-close{top:11px;right:11px}}.public-nav nav button,.public-footer a,.public-nav .btn{font-size:14px}.public-badge{font-size:12px}.hero-copy h1{font-size:clamp(52px,4.6vw,72px)}.hero-copy>p{max-width:620px;font-size:17px;line-height:1.75}.feature-link{font-size:14px}.btn.large{font-size:15px}.trust-row span{font-size:12px}.public-proof>p{font-size:11px}.public-proof span{font-size:14px}.section-heading h2,.roles-copy h2,.public-cta-banner h2{font-size:clamp(38px,3.2vw,48px)}.section-heading p,.roles-copy>p,.public-cta-banner p{font-size:16px;line-height:1.7}.public-feature h3{font-size:18px}.public-feature p{min-height:68px;font-size:14px;line-height:1.7}.public-feature a{font-size:13px}.role-line{font-size:14px;line-height:1.55}.access-card>span{font-size:18px}.access-card>small{font-size:12px}.access-card p b{font-size:13px}.access-card p em{font-size:11px}.public-footer p{font-size:12px}.public-footer .brand{font-size:20px}.public-footer{flex-wrap:wrap;gap:24px}.public-footer .public-legal-identity{flex-direction:column;flex:300px;align-items:flex-start;gap:7px;min-width:0;max-width:550px;display:flex}.public-legal-identity span{color:var(--muted-text);font-size:12px}.public-legal-identity strong{overflow-wrap:anywhere;font-size:14px;line-height:1.6}.public-footer .public-legal-identity a{min-height:44px;color:var(--accent-deep);text-underline-offset:4px;align-items:center;font-size:14px;text-decoration:underline;display:inline-flex}.public-legal-identity a:focus-visible{outline:2px solid var(--accent-deep);outline-offset:3px}.login-modal>p,.login-modal label{font-size:13px}.login-options label,.login-options button,.demo-hint b{font-size:12px}.demo-hint p,.secure-note{font-size:11px}.password-input input{flex:1;min-width:0}.password-toggle{width:34px;height:34px;color:var(--muted-text);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 34px;place-items:center;padding:0;display:grid}.password-toggle:hover,.password-toggle:focus-visible{background:var(--accent-soft);color:var(--accent-deep);outline:none}.address-autocomplete{z-index:4;position:relative}.address-input-wrap{grid-column:1/-1;width:100%;min-width:0;position:relative}.address-input-wrap input{width:100%;height:100%;display:block;padding-right:42px!important}.address-loader{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:17px;height:17px;margin-top:-9px;animation:.7s linear infinite spin;position:absolute;top:50%;right:15px}.address-suggestions{z-index:30;border:1px solid var(--border);background:var(--surface);border-radius:13px;padding:6px;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow:hidden;box-shadow:0 18px 48px #0000002b}.address-suggestions button{width:100%;min-height:54px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:9px 10px;display:flex}.address-suggestions button:hover,.address-suggestions button.active{background:var(--accent-soft);color:var(--accent-deep)}.address-suggestions button svg{flex:none}.address-suggestions button span,.address-suggestions button b,.address-suggestions button small{min-width:0;display:block}.address-suggestions button b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.address-suggestions button small{color:var(--muted-text);margin-top:3px;font-size:9px;line-height:1.35}.google-attribution{text-align:right;color:var(--muted-text);padding:5px 10px 3px;font-size:9px;font-weight:600}.registration-page{background:var(--page);width:100%;min-height:100dvh;overflow-x:clip}.registration-nav{z-index:10;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--page) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 max(20px,50vw - 490px);display:grid;position:sticky;top:0}.registration-nav>.brand{justify-self:center}.registration-nav>.btn:first-child{justify-self:start}.registration-nav>.btn:last-child{justify-self:end}.registration-nav .back-icon{transform:rotate(180deg)}.registration-main{width:min(920px,100% - 40px);margin:0 auto;padding:58px 0 80px}.registration-heading{max-width:620px}.registration-heading h1{letter-spacing:-.05em;margin:10px 0 8px;font-size:clamp(32px,5vw,52px);line-height:1.05}.registration-heading p{color:var(--muted-text);margin:0;font-size:15px;line-height:1.6}.registration-tabs{background:var(--surface-2);border-radius:13px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;margin:32px 0 18px;padding:5px;display:grid}.registration-tabs button{min-width:0;height:48px;color:var(--muted-text);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 12px;font-size:13px;font-weight:700;transition:background .2s,color .2s}.registration-tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.registration-card{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;box-shadow:var(--shadow-sm);border-radius:18px;padding:28px}.form-section-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;padding-bottom:18px;display:flex}.form-section-heading span{font-size:17px;font-weight:800}.form-section-heading small{color:var(--muted-text);font-size:11px}.registration-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.registration-grid label{min-width:0;color:var(--text);grid-template-columns:auto 1fr;gap:7px;font-size:12px;font-weight:700;display:grid}.registration-grid input,.registration-grid select,.registration-grid textarea{border:1px solid var(--border);background:var(--surface-2);width:100%;min-width:0;max-width:100%;min-height:46px;color:var(--text);font:inherit;border-radius:10px;grid-column:1/-1;padding:10px 12px}.registration-grid input:focus,.registration-grid select:focus,.registration-grid textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.registration-grid input[type=file]{padding:9px;font-size:11px;font-weight:500;overflow:hidden}.registration-grid input[type=file]::file-selector-button{background:var(--accent-soft);color:var(--accent-deep);border:0;border-radius:7px;margin-right:10px;padding:7px 9px;font-weight:700}.registration-grid .readonly-input{color:var(--muted-text);cursor:not-allowed}.registration-wide{grid-column:1/-1}.registration-grid textarea{resize:vertical;min-height:86px}.required-mark{color:#d65f59}.field-help,.field-error{grid-column:1/-1;font-size:10px;font-weight:500;line-height:1.45}.field-help{color:var(--muted-text)}.field-error{color:#d65f59;overflow-wrap:anywhere}.registration-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:26px;padding-top:20px;display:flex}.registration-card.success-state{max-width:620px;margin:50px auto}.review-actions{gap:7px;display:flex}.btn:disabled{opacity:.6;cursor:not-allowed}.registration-select{grid-column:1/-1;min-width:0;position:relative}.registration-select-trigger{border:1px solid var(--border);background:var(--surface-2);width:100%;height:46px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:12px;font-weight:600;display:flex}.registration-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.registration-select-trigger .placeholder{color:var(--muted-text)}.registration-select-trigger svg{flex:none;transition:transform .18s}.registration-select.open .registration-select-trigger{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 24%,transparent)}.registration-select.open .registration-select-trigger svg{transform:rotate(180deg)}.registration-select-trigger:disabled{cursor:not-allowed;opacity:.62}.registration-select-menu{z-index:60;border:1px solid var(--border);background:var(--surface);overscroll-behavior:contain;scrollbar-width:thin;border-radius:11px;max-height:min(260px,40vh);padding:6px;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 44px #00000047}.registration-select.drop-up .registration-select-menu{top:auto;bottom:calc(100% + 7px)}.registration-select-menu>button{width:100%;min-height:40px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;font-size:11px;font-weight:600;display:flex}.registration-select-menu>button:hover,.registration-select-menu>button.active{background:var(--surface-2)}.registration-select-menu>button.selected{background:var(--accent-soft);color:var(--accent-deep)}.registration-select-menu>button svg{flex:none}.registration-select-empty{color:var(--muted-text);text-align:center;padding:12px;font-size:11px}@media (width<=650px){.registration-nav{grid-template-columns:1fr auto;height:64px;padding:0 14px}.registration-nav>.brand{justify-self:start}.registration-nav>.btn:first-child{order:2;justify-self:end}.registration-nav>.btn:last-child{display:none}.registration-nav>.btn:first-child{font-size:0}.registration-nav>.btn:first-child:after{content:"Back";font-size:12px}.registration-main{width:min(100% - 28px,920px);padding:34px 0 56px}.registration-heading h1{font-size:36px}.registration-heading p{font-size:13px}.registration-tabs{margin-top:24px}.registration-tabs button{white-space:normal;height:46px;padding:0 8px;font-size:11px;line-height:1.2}.registration-card{border-radius:15px;padding:20px 15px}.form-section-heading{gap:5px;display:grid}.registration-grid{grid-template-columns:minmax(0,1fr);gap:15px}.registration-wide{grid-column:auto}.registration-select-trigger{height:48px;font-size:13px}.registration-select-menu{max-height:min(240px,34dvh);padding:5px}.registration-select-menu>button{min-height:44px;font-size:12px}.registration-actions{margin-inline:-15px;padding:14px 15px calc(14px + env(safe-area-inset-bottom));background:var(--surface);box-shadow:0 -1px 0 var(--border);margin-bottom:-20px;position:sticky;bottom:0}.registration-actions .btn{flex:1;padding-inline:10px}.review-actions{grid-column:1/-1;justify-self:start}.module-row{align-items:start}}.registration-page{background:var(--bg)}.document-heading{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;margin-top:8px;padding:15px 0 2px;display:flex}.document-heading b{font-size:14px}.document-heading small{color:var(--muted-text);text-align:right;font-size:10px;font-weight:500}@media (width<=650px){.document-heading{display:grid}.document-heading small{text-align:left}}@media (width<=600px){.public-nav .btn{font-size:12px}.hero-copy h1{font-size:42px}.hero-copy>p{font-size:15px}.trust-row span{font-size:11px}.public-proof span{font-size:12px}.section-heading h2,.roles-copy h2,.public-cta-banner h2{font-size:32px}.section-heading p,.roles-copy>p,.public-cta-banner p{font-size:14px}.public-feature h3{font-size:17px}.public-feature p{min-height:0;font-size:14px}.role-line{font-size:13px}.public-footer a{font-size:12px}}.public-cta-banner{gap:48px;padding:38px 44px}.public-cta-banner>div{min-width:0;max-width:720px}.public-cta-banner h2{letter-spacing:-.04em;margin:9px 0 8px;font-size:34px;line-height:1.18}.public-cta-banner p{margin:0;font-size:14px;line-height:1.6}.public-cta-banner .eyebrow{font-size:10px}.public-cta-banner .btn{white-space:nowrap;flex:none;min-width:205px;height:46px;padding-inline:18px;font-size:13px}@media (width<=760px){.public-cta-banner{flex-direction:column;align-items:flex-start;gap:24px;padding:32px 26px}.public-cta-banner h2{font-size:28px}.public-cta-banner .btn{width:auto;min-width:0}}.login-backdrop{padding:20px}.login-modal{border-radius:18px;width:min(390px,100%);padding:24px 26px 22px}.login-close{width:34px;height:34px;top:14px;right:14px}.login-brand .brand{justify-content:flex-start;font-size:17px}.login-brand .brand-mark{width:18px;height:20px}.login-heading{align-items:center;gap:12px;margin:27px 0 22px;display:flex}.login-heading>span{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-deep);border-radius:11px;flex:none;place-items:center;display:grid}.login-heading h2{letter-spacing:-.035em;margin:0;font-size:21px}.login-heading p{color:var(--muted-text);margin:4px 0 0;font-size:12px}.login-modal form{gap:13px}.login-modal form>label{gap:7px;font-size:12px}.input-with-icon{border-radius:10px;height:43px}.login-modal .input-with-icon input{font-size:13px}.login-options{min-height:24px}.login-options .remember{grid-auto-flow:column;justify-content:flex-start;align-items:center;gap:8px;font-size:11px;display:flex}.login-options .remember input{appearance:none;border:1.5px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:4px;width:16px;min-width:16px;height:16px;margin:0}.login-options .remember input:checked{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--surface)}.login-options button{font-size:11px}.login-submit{height:43px;margin-top:1px;font-size:12px}.secure-note{border-top:1px solid var(--border);margin-top:17px;padding-top:15px;font-size:10px}@media (width<=480px){.login-backdrop{padding:12px}.login-modal{padding:21px 18px 19px}.login-heading{margin:24px 0 20px}.login-heading h2{font-size:20px}.login-heading p{font-size:11px}}.public-nav{width:100%;max-width:none;height:76px;box-shadow:0 1px 0 var(--border);grid-template-columns:1fr auto 1fr;align-items:center;column-gap:36px;margin:0;padding:0 max(28px,50vw - 610px);display:grid}.public-nav>.brand{white-space:nowrap;justify-self:start}.public-nav>nav{flex-direction:row;justify-self:center;align-items:center;gap:36px;width:auto;display:flex}.public-nav>nav button{width:auto;color:var(--muted-text);white-space:nowrap;text-align:center;background:0 0;border-radius:0;flex:none;padding:8px 2px;font-size:13px;line-height:1;display:block;transform:none}.public-nav>nav button:hover{color:var(--text);background:0 0;transform:none}.public-nav>div:last-child{white-space:nowrap;justify-self:end;align-items:center}.public-nav>div:last-child .btn{flex:none}@media (width<=960px){.public-nav{grid-template-columns:1fr auto}.public-nav>nav{display:none}}@media (width<=600px){.public-nav{column-gap:12px;width:100%;height:66px;padding:0 16px}}.module-form{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:760px;margin-top:22px;padding:24px 26px;animation:.28s both rise;box-shadow:0 4px 20px #0000000a}.module-form-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;padding-bottom:16px;display:flex}.module-form-title-left{flex:1;align-items:flex-start;gap:14px;min-width:0;display:flex}.feature-orb.small{border-radius:11px;flex-shrink:0;width:40px;height:40px;transform:none}.module-form-title h2{color:var(--text);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700}.module-form-title p{color:var(--muted-text);margin:4px 0 0;font-size:12px;line-height:1.5}.module-form-close{border:1px solid var(--border);background:var(--surface-2);width:32px;height:32px;color:var(--muted-text);cursor:pointer;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:flex}.module-form-close:hover{background:var(--surface);color:var(--text);border-color:color-mix(in srgb,var(--text) 25%,var(--border))}.module-form-close:disabled{cursor:not-allowed;opacity:.55}.module-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px 18px;display:grid}.module-field-group{flex-direction:column;align-self:start;gap:6px;min-width:0;display:flex}.module-field-group.module-field-full{grid-column:1/-1;align-self:stretch}.module-field-group.module-field-span-2{grid-column:span 2}.module-field-label{color:var(--text);-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-size:12px;font-weight:600;line-height:1.35;display:flex}.module-field-label .field-required{color:#e11d48;font-size:13px;font-weight:700;line-height:1}.module-field-label .field-optional{color:var(--muted-text);margin-left:2px;font-size:11px;font-weight:400}.module-field-group input,.module-field-group select{border:1px solid var(--border);background:var(--surface-2);width:100%;height:40px;min-height:40px;max-height:40px;color:var(--text);font:inherit;box-sizing:border-box;border-radius:9px;padding:0 13px;font-size:13px;line-height:38px;transition:border-color .18s,box-shadow .18s,background .18s}.module-field-group input:hover,.module-field-group select:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.module-field-group input:focus,.module-field-group select:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);outline:none}.module-field-group textarea{border:1px solid var(--border);background:var(--surface-2);width:100%;min-height:88px;max-height:200px;color:var(--text);font:inherit;box-sizing:border-box;resize:vertical;border-radius:9px;padding:10px 13px;font-size:13px;line-height:1.55;transition:border-color .18s,box-shadow .18s,background .18s}.module-field-group textarea:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.module-field-group textarea:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);outline:none}.module-field-group input::placeholder,.module-field-group textarea::placeholder{color:var(--muted-text);opacity:.65;font-size:12.5px}.module-field-group input:disabled,.module-field-group .readonly-input{background:color-mix(in srgb,var(--surface-2) 75%,var(--border));color:var(--muted-text);cursor:not-allowed}.module-field-group .readonly-input:focus{border-color:var(--border);box-shadow:none;background:color-mix(in srgb,var(--surface-2) 75%,var(--border))}.module-field-group .registration-select{grid-column:auto;width:100%}.module-field-group .registration-select-trigger{border:1px solid var(--border);background:var(--surface-2);height:40px;min-height:40px;max-height:40px;color:var(--text);font:inherit;box-sizing:border-box;border-radius:9px;padding:0 13px;font-size:13px;font-weight:500;transition:border-color .18s,box-shadow .18s,background .18s}.module-field-group .registration-select-trigger:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.module-field-group .registration-select.open .registration-select-trigger{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);outline:none}.module-form-inline-error{background:color-mix(in srgb,#e11d48 8%,var(--surface));border:1px solid color-mix(in srgb,#e11d48 26%,var(--border));color:#e11d48;border-radius:9px;align-items:center;gap:8px;margin-top:16px;padding:10px 14px;font-size:12px;font-weight:500;line-height:1.4;animation:.2s both rise;display:flex}.module-form .modal-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;margin-top:22px;padding-top:18px;display:flex}.module-form .modal-actions .btn{border-radius:9px;height:38px;padding:0 16px;font-size:12.5px;font-weight:600}.dashboard-notice-link{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 9%, var(--surface)), var(--surface));border:1px solid color-mix(in srgb, var(--accent) 32%, var(--border));width:100%;box-shadow:var(--shadow);cursor:pointer;text-align:left;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;padding:16px 20px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden}.dashboard-notice-link:before{content:"";background:var(--accent);border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.dashboard-notice-link:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 14px 32px #27734d1f}.dashboard-notice-left{flex:1;align-items:center;gap:15px;min-width:0;display:flex}.dashboard-notice-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent-deep);border-radius:12px;flex-shrink:0;place-items:center;transition:transform .2s;display:grid}.dashboard-notice-link:hover .dashboard-notice-icon{transform:scale(1.05)}.dashboard-notice-text{flex-direction:column;gap:3px;min-width:0;display:flex}.dashboard-notice-title{color:var(--text);letter-spacing:-.01em;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.dashboard-notice-badge{background:var(--accent-soft);color:var(--accent-deep);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:20px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.notice-pulse-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 40%, transparent);border-radius:50%;animation:2s infinite pulseDot}@keyframes pulseDot{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 60%, transparent);transform:scale(.95)}70%{transform:scale(1);box-shadow:0 0 0 6px #0000}to{transform:scale(.95);box-shadow:0 0 #0000}}.dashboard-notice-desc{color:var(--muted-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;line-height:1.4;overflow:hidden}.dashboard-notice-action{color:var(--accent-deep);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:9px;flex-shrink:0;align-items:center;gap:7px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.dashboard-notice-link:hover .dashboard-notice-action{background:var(--accent-deep);color:#fff;transform:translate(3px)}@media (width<=680px){.dashboard-notice-link{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.dashboard-notice-desc{white-space:normal}.dashboard-notice-action{justify-content:center;width:100%}}.notice-workspace{flex-direction:column;gap:22px;min-height:calc(100vh - 140px);display:flex}.notice-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.notice-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.notice-search-box{background:var(--surface);border:1px solid var(--border);width:min(340px,100%);height:42px;color:var(--muted-text);border-radius:11px;align-items:center;gap:10px;padding:0 14px;transition:border-color .18s,box-shadow .18s;display:flex;box-shadow:0 1px 3px #0000000d}.notice-search-box:focus-within{border-color:var(--accent);outline:2px solid color-mix(in srgb, var(--accent) 18%, transparent)}.notice-search-box input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:12.5px}.notice-filter-tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;align-items:center;gap:5px;padding:4px;display:flex}.notice-filter-btn{color:var(--muted-text);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 12px;font-size:11.5px;font-weight:700;transition:all .18s}.notice-filter-btn:hover{color:var(--text)}.notice-filter-btn.active{background:var(--surface);color:var(--text);box-shadow:0 2px 6px #0000000f}.notice-create-btn{height:42px;padding:0 18px;font-size:12.5px}.notice-feedback{background:color-mix(in srgb, var(--accent) 14%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));color:var(--accent-deep);border-radius:11px;align-items:center;gap:10px;margin:0;padding:12px 18px;font-size:12.5px;font-weight:600;animation:.2s rise;display:flex}.notice-feedback-close{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;margin-left:auto;padding:2px;display:grid}.notice-feedback-close:hover{background:color-mix(in srgb, var(--accent) 20%, transparent)}.notice-form{width:100%;max-width:980px;margin:0 auto;padding:28px 32px}.notice-form .module-form-title{margin-bottom:24px;padding-bottom:20px}.notice-form .module-form-title h2{letter-spacing:-.02em;font-size:18px}.notice-form .module-form-title p{max-width:640px;font-size:12px;line-height:1.5}.notice-form .module-form-grid{grid-template-columns:minmax(0,1fr);gap:18px}.notice-date-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.notice-form .module-field-group input{height:44px;min-height:44px;max-height:44px;padding:0 14px;font-size:13.5px;line-height:42px}.notice-form .module-field-group textarea{resize:vertical;min-height:130px;padding:12px 14px;font-size:13.5px;line-height:1.6}.notice-form .modal-actions{margin-top:24px;padding-top:20px}.notice-form .modal-actions .btn{min-height:40px}.notice-board-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));align-items:stretch;gap:20px;display:grid}.notice-paper{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;justify-content:space-between;min-height:220px;padding:22px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s;display:flex;position:relative}.notice-paper:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));transform:translateY(-3px);box-shadow:0 16px 36px #1f2f2817}.notice-paper header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.notice-paper-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep);background:var(--accent-soft);border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.notice-status{text-transform:capitalize;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.notice-status.published{background:color-mix(in srgb, var(--accent) 15%, var(--surface));color:var(--accent-deep);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent)}.notice-status.scheduled{background:color-mix(in srgb, #568bc8 14%, var(--surface));color:#467ab5;border:1px solid #568bc84d}.notice-status.expired{background:var(--surface-2);color:var(--muted-text);border:1px solid var(--border)}.notice-paper h3{color:var(--text);letter-spacing:-.015em;margin:0 0 10px;font-size:17px;font-weight:700;line-height:1.35}.notice-paper-content{color:var(--text);opacity:.88;white-space:pre-line;word-break:break-word;flex:1;margin:0;font-size:13.5px;line-height:1.65}.notice-paper footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:16px;display:flex}.notice-period{color:var(--muted-text);align-items:center;gap:7px;font-size:11px;font-weight:600;display:inline-flex}.notice-period svg{color:var(--accent-deep);flex-shrink:0}.notice-card-actions{align-items:center;gap:8px;display:flex}.notice-card-actions .btn{border-radius:8px;height:32px;padding:0 12px;font-size:11px;font-weight:700}.notice-empty-panel{text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:50px 24px;display:flex}.notice-empty-icon{background:var(--accent-soft);width:64px;height:64px;color:var(--accent-deep);border-radius:18px;place-items:center;margin-bottom:18px;display:grid}.notice-empty-panel h2{letter-spacing:-.02em;margin:0 0 8px;font-size:18px}.notice-empty-panel p{color:var(--muted-text);max-width:440px;margin:0 0 20px;font-size:12.5px;line-height:1.55}@media (width<=760px){.notice-board-grid{grid-template-columns:1fr}.notice-date-fields{grid-template-columns:1fr;gap:12px}.notice-toolbar{flex-direction:column;align-items:stretch}.notice-search-box{width:100%}.notice-filter-tabs{width:100%;overflow-x:auto}.notice-create-btn{width:100%}}.module-alert{border:1px solid color-mix(in srgb,#d65f59 30%,var(--border));background:color-mix(in srgb,#d65f59 8%,var(--surface));color:#d65f59;border-radius:11px;justify-content:space-between;align-items:center;margin-top:18px;padding:12px 15px;font-size:11px;display:flex}.module-alert button{color:inherit;background:0 0;border:0;font-weight:800}.module-list{min-height:370px;margin-top:22px;padding:8px 18px}.module-row{border-bottom:1px solid var(--border);grid-template-columns:42px minmax(180px,1fr) auto 130px auto;align-items:center;gap:14px;padding:14px 4px;display:grid}.module-row:last-child{border:0}.module-avatar{background:var(--accent-soft);width:38px;height:38px;color:var(--accent-deep);border-radius:10px;place-items:center;display:grid}.module-row h3{margin:0;font-size:12px}.module-row p{color:var(--muted-text);margin:4px 0 0;font-size:9px}.module-row time{color:var(--muted-text);font-size:9px}.module-status{background:var(--surface-2);color:var(--muted-text);text-transform:capitalize;border-radius:12px;padding:5px 8px;font-size:8px;font-weight:700}.module-status.active,.module-status.approved,.module-status.pre_approved,.module-status.published,.module-status.paid,.module-status.resolved{background:var(--accent-soft);color:var(--accent-deep)}.btn.compact{height:32px;padding:0 10px;font-size:9px}.module-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:350px;display:flex}.module-empty h2{margin:16px 0 5px;font-size:15px}.module-empty p{color:var(--muted-text);font-size:10px}.loader{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.feature-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.module-form-grid select{border:1px solid var(--border);background:var(--surface-2);width:100%;min-height:42px;color:var(--text);font:inherit;border-radius:10px;padding:10px 12px;font-size:11px}.section-actions-only{justify-content:flex-end}.resident-search{border:1px solid var(--border);background:var(--surface);width:min(520px,100%);height:44px;box-shadow:var(--shadow-sm);color:var(--muted-text);border-radius:11px;align-items:center;gap:10px;margin-bottom:14px;padding:0 12px;display:flex}.resident-search:focus-within{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 18%,transparent)}.resident-search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:11px}.resident-search button{width:32px;height:32px;color:var(--muted-text);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.resident-search button:hover{background:var(--surface-2);color:var(--text)}.module-title-with-badge{align-items:center;gap:5px;display:flex}.verified-badge.large{margin:auto}.vehicle-owner-field{margin-top:14px}.vehicle-rc-upload small,.vehicle-edit-rc small{color:var(--muted-text);margin-top:2px;font-size:10.5px;font-weight:500;line-height:1.55;display:block}.module-form-grid .vehicle-rc-upload input[type=file],.vehicle-edit-grid .vehicle-edit-rc input[type=file]{border:1px solid var(--border);background:var(--surface-2);height:auto;min-height:54px;color:var(--text);cursor:pointer;border-radius:10px;padding:8px;font-size:11px;font-weight:600;overflow:hidden}.module-form-grid .vehicle-rc-upload input[type=file]::file-selector-button{background:var(--accent-soft);min-height:36px;color:var(--accent-deep);font:inherit;cursor:pointer;border:0;border-radius:8px;margin-right:12px;padding:8px 13px;font-weight:800;transition:background .18s,color .18s}.vehicle-edit-grid .vehicle-edit-rc input[type=file]::file-selector-button{background:var(--accent-soft);min-height:36px;color:var(--accent-deep);font:inherit;cursor:pointer;border:0;border-radius:8px;margin-right:12px;padding:8px 13px;font-weight:800;transition:background .18s,color .18s}.module-form-grid .vehicle-rc-upload input[type=file]:hover::file-selector-button{background:var(--accent-deep);color:#fff}.vehicle-edit-grid .vehicle-edit-rc input[type=file]:hover::file-selector-button{background:var(--accent-deep);color:#fff}.module-form-grid .vehicle-rc-upload input[type=file]:focus,.vehicle-edit-grid .vehicle-edit-rc input[type=file]:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 20%,transparent);outline-offset:1px}.module-status.pending{background:color-mix(in srgb,#d99b38 16%,var(--surface));color:#b7791f}.vehicle-request-summary{border:1px solid color-mix(in srgb,#d99b38 35%,var(--border));background:color-mix(in srgb,#d99b38 8%,var(--surface));width:100%;color:var(--text);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);border-radius:12px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;margin-top:18px;padding:13px 16px;display:grid}.vehicle-request-summary:hover{background:color-mix(in srgb,#d99b38 12%,var(--surface));border-color:#d99b38}.vehicle-request-summary-icon{background:color-mix(in srgb,#d99b38 18%,var(--surface));color:#b7791f;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.vehicle-request-summary b,.vehicle-request-summary small{display:block}.vehicle-request-summary b{font-size:11px}.vehicle-request-summary small{color:var(--muted-text);margin-top:3px;font-size:9px;line-height:1.45}.vehicle-request-summary strong{color:var(--accent-deep);white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.verification-request-row{border:1px solid color-mix(in srgb,#d99b38 28%,var(--border));background:color-mix(in srgb,#d99b38 4%,var(--surface));margin-block:5px}.request-kicker{color:#b7791f;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:7px;font-weight:850;display:block}.module-status.upcoming{background:color-mix(in srgb,#568bc8 14%,var(--surface));color:#467ab5}.module-status.closed,.module-status.overdue{background:color-mix(in srgb,#d65f59 13%,var(--surface));color:#c14f49}.donation-details-field{grid-column:1/-1}.donation-details-field textarea{min-height:96px}.vehicle-detail-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.btn.danger{border-color:color-mix(in srgb,#d65f59 35%,var(--border));background:color-mix(in srgb,#d65f59 8%,var(--surface));color:#c44f49}.btn.danger:hover{color:#fff;background:#d65f59}.vehicle-edit-form{margin-bottom:18px;padding:22px}.vehicle-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.vehicle-edit-grid label{gap:6px;font-size:9px;font-weight:700;display:grid}.vehicle-edit-grid input,.vehicle-edit-grid select{border:1px solid var(--border);background:var(--surface-2);width:100%;min-width:0;height:42px;color:var(--text);font:inherit;border-radius:9px;padding:9px 11px;font-size:11px}.vehicle-edit-grid input:focus,.vehicle-edit-grid select:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 18%,transparent)}.vehicle-edit-rc{grid-column:1/-1}.clickable-row{cursor:pointer;border-radius:12px;margin-inline:-8px;padding-inline:12px;transition:background .18s}.clickable-row:hover{background:var(--surface-2)}.review-page-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.review-page-head .back-icon{transform:rotate(180deg)}.review-title{margin-bottom:22px}.review-detail-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);align-items:start;gap:18px;display:grid}.review-detail-main{gap:18px;display:grid}.review-section,.approval-config{padding:22px}.review-section-title{align-items:center;gap:11px;margin-bottom:19px;display:flex}.review-section-title>svg{color:var(--accent-deep)}.review-section-title h2{margin:0;font-size:14px}.review-section-title p{color:var(--muted-text);margin:3px 0 0;font-size:9px}.review-detail-grid{grid-template-columns:1fr 1fr;gap:16px 22px;display:grid}.review-detail-grid>div{min-width:0}.review-detail-grid small,.review-detail-grid strong{display:block}.review-detail-grid small{color:var(--muted-text);margin-bottom:5px;font-size:9px}.review-detail-grid strong{overflow-wrap:anywhere;font-size:11px;line-height:1.5}.review-documents{gap:8px;display:grid}.review-documents>button{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.review-documents>button:hover{border-color:var(--accent);background:var(--accent-soft)}.review-documents>button>span{align-items:center;gap:10px;min-width:0;display:flex}.review-documents b,.review-documents small{display:block}.review-documents b{font-size:10px}.review-documents small{max-width:320px;color:var(--muted-text);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;overflow:hidden}.approval-config{position:sticky;top:84px}.approval-config-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.approval-config label,.review-note{gap:6px;font-size:9px;font-weight:700;display:grid}.approval-config input,.approval-config textarea{border:1px solid var(--border);background:var(--surface-2);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:9px;padding:10px 11px;font-size:11px}.approval-config input{height:42px}.approval-config textarea{resize:vertical;min-height:74px}.structure-preview{background:var(--accent-soft);color:var(--accent-deep);border-radius:11px;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0;padding:12px;display:grid}.structure-preview span{text-align:center;font-size:8px}.structure-preview span b{font-size:14px;display:block}.structure-preview>strong{border-top:1px solid color-mix(in srgb,var(--accent) 25%,transparent);text-align:center;grid-column:1/-1;padding-top:9px;font-size:10px}.approval-actions{gap:8px;margin-top:15px;display:grid}.approval-actions .btn{width:100%}.reviewed-summary{text-align:center;color:var(--muted-text);padding:25px 8px}.reviewed-summary svg{color:var(--accent-deep)}.reviewed-summary h3{color:var(--text)}.empty-documents{background:var(--surface-2);color:var(--muted-text);text-align:center;border-radius:10px;margin:0;padding:14px;font-size:10px}.configure-wings{width:100%;margin-top:12px}.wing-config-list{gap:10px;margin-top:15px;display:grid}.wing-config-card{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;padding:12px}.wing-config-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.wing-config-head span{font-size:11px;font-weight:800}.wing-config-head small{color:var(--muted-text);font-size:8px}.wing-defaults{grid-template-columns:1fr 1fr;gap:8px;display:grid}.floor-override{border-top:1px solid var(--border);grid-template-columns:1fr 1.4fr 34px;align-items:end;gap:7px;margin-top:9px;padding-top:9px;display:grid}.floor-override .icon-button{width:34px;height:42px}.add-exception{color:var(--accent-deep);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-top:10px;padding:2px;font-size:9px;font-weight:800;display:flex}.approval-config{scrollbar-width:thin;max-height:calc(100vh - 100px);overflow:auto}.review-detail-layout{grid-template-columns:minmax(0,1.25fr) minmax(390px,.9fr)}.common-exception{border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));background:var(--accent-soft);border-radius:11px;gap:10px;margin-top:12px;padding:12px;display:grid}.common-exception>div:first-child b,.common-exception>div:first-child small{display:block}.common-exception>div:first-child b{font-size:10px}.common-exception>div:first-child small{color:var(--muted-text);margin-top:3px;font-size:8px;line-height:1.45}.common-exception>div:last-child{grid-template-columns:70px 70px minmax(110px,1fr);align-items:end;gap:8px;display:grid}.common-exception label{gap:5px;font-size:8px;font-weight:700;display:grid}.common-exception input{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;height:42px;color:var(--text);font:inherit;border-radius:9px;padding:9px 10px;font-size:11px}.common-exception .btn{width:100%;height:42px;padding-inline:10px;font-size:9px}.review-head-actions{align-items:center;gap:10px;display:flex}.approved-structure-manager{margin-bottom:18px;padding:22px}.approved-structure-manager>.review-section-title{justify-content:flex-start}.approved-structure-manager>.review-section-title>div:nth-child(2){flex:1}.approved-structure-manager .wing-config-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-height:none}.approved-structure-manager input{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;height:42px;color:var(--text);font:inherit;border-radius:9px;padding:10px 11px;font-size:11px}.approved-structure-manager label{gap:6px;font-size:9px;font-weight:700;display:grid}.configured-wing-summary{grid-template-columns:1fr 1fr;gap:10px;padding-top:4px;display:grid}.configured-wing-summary span{background:var(--surface);color:var(--muted-text);border-radius:9px;padding:10px;font-size:9px}.configured-wing-summary b{color:var(--text);margin-bottom:3px;font-size:14px;display:block}.configured-wing-summary p{color:var(--muted-text);grid-column:1/-1;margin:0;font-size:9px}.approved-edit-actions{justify-content:flex-end;gap:10px;margin-top:15px;display:flex}.review-detail-grid.editing label{gap:6px;min-width:0;display:grid}.review-detail-grid.editing input{border:1px solid var(--border);background:var(--surface-2);width:100%;min-width:0;height:42px;color:var(--text);font:inherit;border-radius:9px;padding:10px 11px;font-size:11px}.review-detail-grid.editing input:focus,.approved-structure-manager input:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 20%,transparent)}.exact-flat-manager{margin-bottom:18px;padding:22px}.exact-flat-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px;display:grid}.exact-flat-grid label{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;gap:7px;padding:13px;display:grid}.exact-flat-grid label>span{font-size:10px;font-weight:800}.exact-flat-grid input{border:1px solid var(--border);background:var(--surface);width:100%;height:42px;color:var(--text);font:inherit;border-radius:9px;padding:10px 11px;font-size:11px}.exact-flat-grid input:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 20%,transparent)}.exact-flat-grid small{color:var(--muted-text);font-size:8px;line-height:1.45}.exact-flat-grid strong{overflow-wrap:anywhere;font-size:11px}.flat-range-manager{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));margin:0 0 18px;padding:22px}.flat-range-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:12px;display:grid}.range-card{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;grid-template-columns:minmax(170px,1fr) minmax(130px,.65fr) minmax(130px,.65fr);align-items:end;gap:12px;padding:14px;display:grid}.range-card>div b,.range-card>div small{display:block}.range-card>div b{font-size:11px}.range-card>div small{color:var(--muted-text);margin-top:5px;font-size:8px}.range-card label{gap:6px;font-size:9px;font-weight:700;display:grid}.range-card input{border:1px solid var(--border);background:var(--surface);width:100%;height:42px;color:var(--text);font:inherit;border-radius:9px;padding:10px 11px;font-size:11px}.range-card input:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 20%,transparent)}.range-card>p{color:#d65f59;grid-column:1/-1;margin:0;font-size:8px}.range-card.invalid{border-color:color-mix(in srgb,#d65f59 45%,var(--border))}.clickable-row>.review-actions{grid-area:2/5;justify-content:flex-end}.owner-review-page .module-alert{margin:0 0 18px}.owner-review-page .review-documents>button{min-width:0}@media (width<=900px){.review-detail-layout{grid-template-columns:1fr}.approval-config{position:static}}@media (width<=600px){.topbar-context span{display:none}.topbar-context b{font-size:11px}.topbar-context small{font-size:7px}.topbar.has-context .current-role{display:none}.review-page-head{align-items:flex-start;margin-bottom:18px}.review-head-actions{flex-direction:column;align-items:flex-end}.review-title h1{font-size:28px}.review-section,.approval-config,.approved-structure-manager,.exact-flat-manager,.flat-range-manager{padding:17px 14px}.review-detail-grid{grid-template-columns:1fr}.approval-config-grid,.wing-defaults{grid-template-columns:1fr 1fr}.floor-override{grid-template-columns:72px 1fr 34px}.common-exception>div:last-child{grid-template-columns:1fr 1fr}.common-exception .btn{grid-column:1/-1}.review-documents small{max-width:210px}.clickable-row{margin-inline:0;padding-inline:4px}.approved-structure-manager .wing-config-list,.exact-flat-grid,.flat-range-grid{grid-template-columns:1fr}.range-card{grid-template-columns:1fr 1fr}.range-card>div{grid-column:1/-1}.approved-edit-actions{display:grid}.approved-edit-actions .btn{width:100%}}@media (width<=860px){.module-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.module-field-group.module-field-span-2{grid-column:1/-1}}@media (width<=640px){.module-form{padding:18px 15px}.notice-form{margin-top:14px;padding:18px 15px}.notice-form .module-form-title{margin-bottom:20px;padding-bottom:18px}.notice-form .module-field-group textarea{min-height:140px}.module-form-grid{grid-template-columns:1fr;gap:12px}.module-field-group.module-field-span-2{grid-column:auto}.module-form .modal-actions{flex-direction:column-reverse;gap:8px}.module-form .modal-actions .btn{width:100%;height:42px}}@media (width<=760px){.module-row{grid-template-columns:38px 1fr auto}.module-row time{display:none}.module-row .btn{grid-column:2/4;justify-self:start}.module-status{justify-self:end}.clickable-row>.review-actions{grid-area:auto/2/auto/4;justify-content:flex-start}}@media (width<=600px){.feature-actions{justify-content:stretch;width:100%}.feature-actions .btn{flex:1;min-width:145px}.topbar{height:auto;min-height:82px;padding-block:9px}.topbar-context{gap:1px}.topbar-context b{font-size:15px}.topbar-context span{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:8px;line-height:1.3;display:-webkit-box;overflow:hidden}.resident-search{height:46px;margin-bottom:12px}.section-actions-only{margin-bottom:14px}.vehicle-detail-actions{justify-content:flex-start;width:100%}.vehicle-detail-actions .module-status{margin-right:auto}.vehicle-edit-form{padding:17px 14px}.vehicle-edit-grid{grid-template-columns:1fr}.vehicle-edit-rc{grid-column:auto}.vehicle-request-summary{grid-template-columns:38px minmax(0,1fr);padding:12px}.vehicle-request-summary-icon{width:36px;height:36px}.vehicle-request-summary strong{grid-column:2;min-height:32px}.verification-request-row{margin-inline:0;padding-inline:8px}}.owner-payment-card{border-bottom:1px solid var(--border);padding:24px 8px}.owner-payment-card:last-child{border-bottom:0}.payment-card-heading{align-items:center;gap:14px;display:flex}.payment-card-heading h2{overflow-wrap:anywhere;flex:1;margin:0;font-size:18px}.payment-description{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted-text);margin:20px 0;font-size:14px;line-height:1.7}.ticket-feedback{margin-bottom:24px}.ticket-workspace{gap:32px;width:100%;display:grid}.ticket-create-section,.ticket-edit-section,.ticket-list-section{width:100%}.ticket-create-form{border-radius:var(--radius-lg,16px);border:1px solid var(--border);background:var(--surface);width:100%;max-width:1120px;margin:0 auto;padding:28px 32px}.ticket-create-form .module-form-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.ticket-create-form .module-form-title-left{align-items:center;gap:14px;display:flex}.ticket-create-form .module-form-title-left h2{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 4px;font-size:20px;font-weight:700}.ticket-create-form .module-form-title-left p{color:var(--muted-text);margin:0;font-size:14px;line-height:1.5}.ticket-form-close-btn{min-width:44px;min-height:44px;color:var(--muted-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.ticket-form-close-btn:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--border)}.ticket-create-form .module-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.ticket-create-form .ticket-field-full{grid-column:1/-1}.ticket-create-form textarea{resize:vertical;min-height:140px;font-size:14px;line-height:1.6}.ticket-create-form .modal-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;padding-top:20px;display:flex}.ticket-create-form .modal-actions .btn{justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 24px;font-size:14px;font-weight:600;display:inline-flex}.ticket-list-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;padding-bottom:14px;display:flex}.ticket-list-header h2{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 4px;font-size:22px;font-weight:700}.ticket-list-header p{color:var(--muted-text);margin:0;font-size:14px}.ticket-count{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.ticket-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;display:grid}@media (width<=1100px){.ticket-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.ticket-card-grid{grid-template-columns:1fr}}.ticket-card{border-radius:var(--radius-lg,16px);border:1px solid var(--border);background:var(--surface);flex-direction:column;padding:24px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.ticket-card:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));box-shadow:0 14px 30px #00000012}.ticket-card-highlight{animation:2.5s ease-out ticketHighlightPulse;border-color:var(--accent)!important}@keyframes ticketHighlightPulse{0%{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 30%, transparent);transform:translateY(-2px)}to{box-shadow:none;transform:none}}.ticket-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ticket-category-pill{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent-deep,var(--accent));letter-spacing:.01em;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.ticket-category-pill svg{flex-shrink:0}.ticket-card-body{flex:1 0 auto;margin-bottom:20px}.ticket-card-title{color:var(--text-primary);letter-spacing:-.01em;overflow-wrap:break-word;margin:0 0 8px;font-size:17px;font-weight:600;line-height:1.4}.ticket-card-desc{color:var(--muted-text);-webkit-line-clamp:3;line-clamp:3;overflow-wrap:break-word;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.ticket-card-facts{background:var(--surface-2);border:1px solid color-mix(in srgb, var(--border) 60%, transparent);border-radius:12px;grid-template-columns:1fr 1fr;gap:12px 16px;margin-top:auto;padding:14px 16px;display:grid}.ticket-fact-item{min-width:0}.ticket-fact-item dt{color:var(--muted-text);text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px;font-size:11px;font-weight:600}.ticket-fact-item dd{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;overflow:hidden}.ticket-created-value{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:12px;white-space:nowrap!important}.ticket-priority{text-transform:capitalize;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.priority-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}.priority-indicator.low{background:#3b82f6}.priority-indicator.medium{background:#eab308}.priority-indicator.high{background:#f97316}.priority-indicator.urgent{background:#ef4444}.ticket-priority.high,.ticket-priority.urgent{color:#dc2626}.ticket-card-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:8px;margin-top:16px;padding-top:16px;display:flex}.ticket-action-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ticket-card-actions .btn.danger{margin-left:auto}.ticket-card-skeleton{border-radius:var(--radius-lg,16px);border:1px solid var(--border);background:var(--surface);flex-direction:column;padding:24px;display:flex}@media (width<=680px){.ticket-workspace{gap:24px}.ticket-create-form{padding:20px 16px}.ticket-create-form .module-form-grid{grid-template-columns:1fr;gap:16px}.ticket-create-form .modal-actions{grid-template-columns:1fr;gap:10px;display:grid}.ticket-create-form .modal-actions .btn{width:100%;min-height:44px}.ticket-list-header{flex-direction:column;align-items:flex-start;gap:8px}.ticket-card{padding:18px 16px}.ticket-card-facts{grid-template-columns:1fr;gap:10px}.ticket-card-actions{grid-template-columns:1fr;gap:8px;display:grid}.ticket-action-btn{width:100%;min-height:44px}.ticket-card-actions .btn.danger{margin-left:0}}.payment-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0;display:grid}.payment-facts dt,.payment-card-footer small{color:var(--muted-text);font-size:12px}.payment-facts dd{overflow-wrap:anywhere;margin:6px 0 0;font-size:14px;font-weight:700}.payment-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.payment-card-footer strong{margin-top:5px;font-size:23px;display:block}@media (width<=600px){.payment-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-card-heading{flex-wrap:wrap}.payment-card-heading h2{font-size:16px}.payment-card-footer{flex-wrap:wrap}.payment-card-footer .btn{width:100%;min-height:44px}}.payment-filter-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.payment-search-box{border:1px solid var(--border);background:var(--surface);height:42px;color:var(--text);border-radius:10px;flex:260px;align-items:center;min-width:220px;max-width:380px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.payment-search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.payment-search-box svg{color:var(--muted-text);flex-shrink:0;margin-right:8px}.payment-search-box input{color:inherit;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:13px}.payment-search-box input::placeholder{color:var(--muted-text)}.payment-search-clear{color:var(--muted-text);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.payment-search-clear:hover{color:var(--text)}.payment-filter-toolbar .registration-select{flex:0 190px;grid-column:auto;min-width:145px}.payment-filter-toolbar .registration-select-trigger{background:var(--surface);border-radius:10px;height:42px;padding:0 12px;font-size:12.5px}.payment-reset-btn{white-space:nowrap;border-radius:10px;height:42px;padding-inline:14px}@media (width<=768px){.payment-search-box{flex:100%;max-width:100%}.payment-filter-toolbar .registration-select{flex:calc(50% - 6px)}.payment-reset-btn{width:100%}}@media (width<=480px){.payment-filter-toolbar .registration-select{flex:100%}}.payment-status-badge{letter-spacing:-.01em;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;line-height:1.3;display:inline-flex}.status-badge-paid{color:#1a6f3d;background:#eaf6ee;border:1px solid #b7e5c6}.status-badge-pending{color:#925f0a;background:#fdf5e8;border:1px solid #f6deb4}.status-badge-overdue{color:#be2e25;background:#fef0ef;border:1px solid #f9c7c4}.status-badge-waived,.status-badge-closed,.status-badge-cancelled{background:var(--surface-2);color:var(--muted-text);border:1px solid var(--border)}.status-badge-upcoming{color:#1a5ea6;background:#eaf2fc;border:1px solid #b7d6f6}.status-badge-active{color:#1a6f3d;background:#eaf6ee;border:1px solid #b7e5c6}@media (prefers-color-scheme:dark){.status-badge-paid,.status-badge-active{color:#79dda2;background:#24734547;border-color:#67c08d59}.status-badge-pending{color:#f5cd79;background:#a2721947;border-color:#e6a83659}.status-badge-overdue{color:#f79c96;background:#b82d2447;border-color:#e0584f59}.status-badge-upcoming{color:#8ac0f7;background:#1a5ea647;border-color:#388eec59}}.payment-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=1080px){.payment-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.payment-card-grid{grid-template-columns:1fr}}.payment-grid-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 20px;display:flex}.empty-icon-wrapper{background:var(--surface-2);width:52px;height:52px;color:var(--muted-text);border-radius:50%;place-items:center;display:grid}.payment-grid-empty h3{margin:0;font-size:16px;font-weight:700}.payment-grid-empty p{color:var(--muted-text);max-width:340px;margin:0;font-size:13px}.payment-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:14px;outline:none;flex-direction:column;gap:14px;padding:16px 18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:0 2px 8px #00000005}.payment-card:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));transform:translateY(-2px);box-shadow:0 10px 24px #1f2f2812}.payment-card:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}.payment-card-top{flex-direction:column;gap:8px;display:flex}.payment-card-identity{justify-content:space-between;align-items:center;gap:8px;display:flex}.payment-card-flat-pill{background:var(--surface-2);border:1px solid var(--border);letter-spacing:-.01em;color:var(--text);border-radius:8px;align-items:center;gap:6px;padding:4px 9px;font-size:12px;font-weight:800;display:inline-flex}.payment-card-flat-pill svg{color:var(--accent)}.payment-card-owner{color:var(--text);align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:600;display:flex}.payment-card-owner .owner-icon{color:var(--muted-text);flex-shrink:0}.payment-card-owner .owner-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.payment-card-middle{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;flex-direction:column;gap:10px;padding:12px;display:flex}.period-badge-row{color:var(--muted-text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.period-badge-row svg{color:var(--accent);flex-shrink:0}.period-month{color:var(--text);font-weight:700}.period-window{font-size:11px}.payment-amount-compact .amount-metric-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.amount-col{flex-direction:column;gap:2px;display:flex}.amount-label{color:var(--muted-text);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.amount-val{color:var(--text);font-size:13px;font-weight:700}.amount-col.penalty .amount-val{color:#be2e25}.amount-col.total{text-align:right;margin-left:auto}.amount-col.total .total-val{color:var(--accent-deep);font-size:15px;font-weight:800}@media (prefers-color-scheme:dark){.amount-col.total .total-val{color:var(--accent)}}.payment-card-bottom{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:4px;display:flex}.payment-card-details-link{color:var(--accent-deep);background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:700;transition:gap .2s,color .2s;display:inline-flex}.payment-card-details-link:hover{color:var(--accent);gap:7px}@media (prefers-color-scheme:dark){.payment-card-details-link{color:var(--accent)}}.payment-card-actions{align-items:center;gap:6px;display:flex}.payment-action-btn{height:32px;padding:0 10px;font-size:11px}.payment-detail-page{flex-direction:column;gap:18px;display:flex}.detail-top-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.detail-back-btn{align-items:center;gap:6px;display:inline-flex}.detail-header-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.header-card-left{align-items:center;gap:16px;display:flex}.flat-badge-large{align-items:center;gap:14px;display:flex}.flat-badge-large svg{background:var(--accent-soft);width:44px;height:44px;color:var(--accent-deep);border-radius:12px;flex-shrink:0;padding:10px}.flat-badge-large h1{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}.header-period-sub{color:var(--muted-text);margin-top:4px;font-size:13px;font-weight:500;display:block}.header-card-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.detail-sections-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}@media (width<=840px){.detail-sections-grid{grid-template-columns:1fr}}.detail-panel{flex-direction:column;gap:16px;padding:22px;display:flex}.panel-section-title{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding-bottom:12px;display:flex}.panel-section-title svg{color:var(--accent);flex-shrink:0}.panel-section-title h2{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:800}.detail-facts-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;display:grid}.detail-facts-list dt{color:var(--muted-text);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:600}.detail-facts-list dd{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:600}.fact-full-width{grid-column:1/-1}.payment-amount-expanded{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.breakdown-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.breakdown-label{color:var(--muted-text);font-size:13px}.breakdown-value{color:var(--text);font-size:14px;font-weight:700}.penalty-row,.penalty-row .breakdown-value{color:#be2e25}.penalty-row.muted,.penalty-row.muted .breakdown-value{color:var(--muted-text)}.breakdown-divider{background:var(--border);height:1px;margin:4px 0}.total-row .breakdown-label{color:var(--text);font-size:14px;font-weight:700}.total-row .total-value{color:var(--accent-deep);font-size:18px;font-weight:800}@media (prefers-color-scheme:dark){.total-row .total-value{color:var(--accent)}}.payment-record-footer{flex-direction:column;gap:10px;padding-top:6px;display:flex}.record-meta{align-items:center;gap:8px;font-size:13px;display:flex}.record-meta-label{color:var(--muted-text);font-size:12px}.record-meta-value{align-items:center;gap:5px;font-weight:600;display:inline-flex}.verified-check{color:var(--accent)}.penalty-card-violation-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.penalty-card-violation-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;margin-bottom:0;font-size:13px;font-weight:700;line-height:1.35;overflow:hidden}.payment-card-attachment-indicator{color:var(--accent);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.penalty-cancellation-banner{border-radius:var(--radius-sm);background:#fdf2f2;border:1px solid #f8d7da;border-left:4px solid #dc3545;margin-bottom:20px;padding:14px 18px}@media (prefers-color-scheme:dark){.penalty-cancellation-banner{background:#dc354526;border-color:#dc354559}}.cancellation-banner-header{color:#dc3545;align-items:center;gap:8px;margin-bottom:4px;font-size:14px;display:flex}.cancellation-reason-text{color:var(--text);margin:0;font-size:13px;line-height:1.4}.penalty-title-highlight{color:var(--text)!important;font-size:15px!important;font-weight:700!important}.penalty-description-text{white-space:pre-wrap;color:var(--text);line-height:1.5}.penalty-evidence-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:18px;padding:14px 16px}.evidence-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.evidence-title{color:var(--muted-text);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.evidence-edit-btn{align-items:center;gap:5px;font-size:12px;display:inline-flex}.evidence-content{flex-direction:column;gap:8px;display:flex}.evidence-link-row{align-items:center;gap:10px;display:flex}.evidence-open-btn{align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.cloud-evidence-disclaimer{color:var(--muted-text);margin:0;font-size:11.5px;line-height:1.45}.no-evidence-note{color:var(--muted-text);margin:0;font-size:12.5px;font-style:italic}.evidence-edit-form{flex-direction:column;gap:8px;display:flex}.evidence-edit-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172aa6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;max-width:480px;max-height:min(100dvh - 32px,94vh);box-shadow:var(--shadow-lg);flex-direction:column;gap:16px;padding:24px;display:flex}.app-modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:1100;overscroll-behavior:contain;background:#0a1018b8;justify-content:center;align-items:center;padding:clamp(12px,2.5vh,24px);animation:.2s cubic-bezier(.16,1,.3,1) appModalFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.app-modal-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;outline:none;flex-direction:column;gap:0;width:100%;max-width:560px;max-height:min(100dvh - 32px,94vh);padding:0;animation:.24s cubic-bezier(.16,1,.3,1) appModalZoomIn;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #00000059}.app-modal-header{border-bottom:1px solid var(--border);background:var(--surface);z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;display:flex}.app-modal-header-left{align-items:center;gap:12px;min-width:0;display:flex}.app-modal-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-deep);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.app-modal-titles{min-width:0}.app-modal-title{color:var(--text);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:700;overflow:hidden}.app-modal-subtitle{color:var(--muted-text);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:12px;overflow:hidden}.app-modal-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.app-modal-close{border:1px solid var(--border);background:var(--surface-2);min-width:44px;min-height:44px;color:var(--muted-text);border-radius:10px;place-items:center;transition:all .18s;display:grid}.app-modal-close:hover{color:var(--text);background:var(--surface);border-color:var(--accent)}.app-modal-close:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.app-modal-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto;min-height:0;padding:20px 22px;overflow-y:auto}.app-modal-footer{border-top:1px solid var(--border);background:var(--surface);z-index:2;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:14px 22px;display:flex}@keyframes appModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes appModalZoomIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.app-modal-backdrop,.app-modal-card{animation:none!important}}.modal-header{align-items:flex-start;gap:12px;display:flex}.modal-header-icon{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.modal-header-icon.danger{color:#dc2626;background:#fee2e2}@media (prefers-color-scheme:dark){.modal-header-icon.danger{color:#f87171;background:#dc262640}}.modal-header h2{color:var(--text);margin:0;font-size:16px;font-weight:700}.modal-subtitle{color:var(--muted-text);margin:2px 0 0;font-size:12.5px}.modal-body{flex-direction:column;gap:10px;display:flex}.modal-alert-note{color:var(--muted-text);margin:0;font-size:12.5px;line-height:1.45}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.btn.danger-hover:hover:not(:disabled){color:#dc2626;border-color:#dc2626}.penalty-create-panel{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-md);max-width:960px;margin-inline:auto;padding:24px 28px;box-shadow:0 8px 30px #0000000a}.penalty-form-header{border-bottom:1px solid var(--border);margin-bottom:22px;padding-bottom:18px}.penalty-header-title-group{align-items:flex-start;gap:14px;display:flex}.feature-orb.small.danger{background:color-mix(in srgb, #e11d48 12%, var(--surface));color:#e11d48}.penalty-form-heading-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.penalty-form-heading-row h2{color:var(--text);letter-spacing:-.01em;margin:0;font-size:17px;font-weight:700}.official-badge{background:var(--accent-soft);color:var(--accent-deep);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);letter-spacing:.02em;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.penalty-header-title-group p{color:var(--muted-text);margin:5px 0 0;font-size:12px;line-height:1.5}.penalty-form-body{flex-direction:column;gap:18px;display:flex}.penalty-form-row-2col{grid-template-columns:220px 1fr;align-items:flex-start;gap:16px;display:grid}.penalty-form-row-3col{grid-template-columns:repeat(3,minmax(0,1fr));align-items:flex-start;gap:16px;display:grid}.penalty-field-group{flex-direction:column;gap:6px;min-width:0;display:flex}.penalty-field-group.full-width{width:100%}.penalty-field-label{color:var(--text);-webkit-user-select:none;user-select:none;align-items:center;gap:4px;margin:0;font-size:12px;font-weight:600;display:flex}.penalty-field-label .field-required{color:#e11d48;font-size:13px;font-weight:700;line-height:1}.penalty-optional-tag{color:var(--muted-text);margin-left:2px;font-size:11px;font-weight:400}.penalty-input,.penalty-textarea{border:1px solid var(--border);background:var(--surface-2);width:100%;min-height:42px;color:var(--text);font:inherit;box-sizing:border-box;border-radius:10px;padding:10px 14px;font-size:13px;transition:border-color .18s,box-shadow .18s,background .18s}.penalty-field-group .registration-select-trigger{border-radius:10px;height:42px;min-height:42px;font-size:13px}.penalty-input:focus,.penalty-textarea:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}.penalty-textarea{resize:vertical;min-height:90px;line-height:1.5}.penalty-amount-input-wrap{align-items:center;width:100%;display:flex;position:relative}.penalty-currency-prefix{color:var(--muted-text);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:700;position:absolute;left:14px}.penalty-amount-field{padding-left:30px!important}.penalty-resident-card{background:color-mix(in srgb, var(--accent) 3%, var(--surface-2));border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));border-radius:12px;align-items:center;gap:16px;padding:14px 18px;animation:.2s both rise;display:flex}.penalty-resident-avatar{background:var(--accent-soft);width:44px;height:44px;color:var(--accent-deep);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.penalty-resident-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.penalty-resident-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.penalty-resident-name{color:var(--text);letter-spacing:-.01em;font-size:14px;font-weight:700}.penalty-resident-tag{text-transform:uppercase;letter-spacing:.03em;background:var(--surface);color:var(--muted-text);border:1px solid var(--border);border-radius:6px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.penalty-resident-sub{color:var(--muted-text);font-size:12px;font-weight:600}.penalty-resident-contacts{flex-wrap:wrap;align-items:center;gap:12px;margin-top:2px;display:flex}.contact-chip{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.contact-chip svg{color:var(--accent-deep)}.penalty-verified-stamp{background:var(--accent-soft);color:var(--accent-deep);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;display:flex}.cloud-evidence-disclaimer{color:var(--muted-text);align-items:center;gap:6px;margin-top:5px;font-size:11px;line-height:1.4;display:flex}.cloud-evidence-disclaimer .disclaimer-dot{color:var(--accent);font-weight:700}.penalty-form-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;padding-top:18px;display:flex}.penalty-submit-btn{align-items:center;gap:8px;padding-inline:18px;display:inline-flex}.penalty-preview-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:12px;padding:18px;display:flex}.penalty-preview-row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:8px;font-size:13px;display:flex}.penalty-preview-row:last-child{border-bottom:none;padding-bottom:0}.penalty-preview-label{color:var(--muted-text);flex-shrink:0;font-size:12px;font-weight:500}.penalty-preview-value{text-align:right;color:var(--text);word-break:break-word;font-weight:600}.penalty-preview-amount{color:var(--accent-deep);font-size:18px;font-weight:800}@media (prefers-color-scheme:dark){.penalty-preview-amount{color:var(--accent)}}@media (width<=650px){.penalty-create-panel{padding:18px 14px}.penalty-form-row-2col,.penalty-form-row-3col{grid-template-columns:1fr;gap:14px}.penalty-resident-card{flex-direction:column;align-items:flex-start;gap:12px}.penalty-verified-stamp{align-self:flex-start}.penalty-form-actions{flex-direction:column-reverse}.penalty-form-actions .btn{justify-content:center;width:100%}}.dashboard-dues-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.dashboard-dues-grid.single-due{grid-template-columns:minmax(0,520px)}@media (width<=768px){.dashboard-dues-grid,.dashboard-dues-grid.single-due{grid-template-columns:1fr}}.dashboard-dues-card{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);flex-direction:column;justify-content:space-between;gap:14px;padding:18px 20px;transition:transform .15s,box-shadow .15s;display:flex}.dashboard-dues-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dues-card-header{justify-content:space-between;align-items:center;display:flex}.dues-card-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--muted-text);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.dues-card-amount{letter-spacing:-.02em;color:var(--text);font-size:24px;font-weight:800;line-height:1.1}.dues-card-note{color:var(--muted-text);font-size:12.5px}.dues-card-action{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.dues-card-action:hover{text-decoration:underline}.penalty-error-state{border-radius:var(--radius-md);background:#fdf2f2;border:1px solid #f8d7da;border-left:4px solid #dc3545;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:24px;display:flex}@media (prefers-color-scheme:dark){.penalty-error-state{background:#dc35451f;border-color:#dc354559}}.penalty-error-content{align-items:flex-start;gap:12px;display:flex}.penalty-error-icon{color:#dc3545;flex-shrink:0;margin-top:2px}.penalty-error-content h3{color:var(--text);margin:0;font-size:15px;font-weight:700}.penalty-error-content p{color:var(--muted-text);margin:4px 0 0;font-size:13px;line-height:1.4}.payment-skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=1080px){.payment-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.payment-skeleton-grid{grid-template-columns:1fr}}.payment-card-skeleton{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);flex-direction:column;padding:18px 20px;display:flex}.skeleton-row{justify-content:space-between;align-items:center;display:flex}@keyframes skeleton-pulse{0%{opacity:.45}50%{opacity:.85}to{opacity:.45}}.skeleton-pill,.skeleton-badge,.skeleton-owner,.skeleton-title,.skeleton-dates,.skeleton-amount,.skeleton-footer{background:var(--surface-2);border-radius:var(--radius-sm);animation:1.5s ease-in-out infinite skeleton-pulse}.payment-editor{border:1px solid var(--border);background:var(--surface);width:100%;max-width:1040px;box-shadow:var(--shadow-sm);border-radius:18px;margin:0 auto 32px;padding:28px 30px}.payment-editor .penalty-form-header,.payment-editor .module-form-title{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;padding-bottom:24px;display:flex}.payment-editor .penalty-header-title-group{min-width:0}.payment-editor .module-form-close{width:40px;height:40px}.payment-editor h2{font-size:18px;line-height:1.4}.payment-editor .penalty-form-header p,.payment-editor .module-form-title p{max-width:68ch;font-size:13px;line-height:1.6}.payment-editor .penalty-form-row-2col{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.payment-editor .penalty-form-body{gap:22px}.payment-editor .penalty-input,.payment-editor .module-field-group input,.payment-editor .registration-select-trigger{border-radius:10px;height:46px;min-height:46px;max-height:none;font-size:14px}.payment-editor .penalty-input{min-width:0}.payment-editor .penalty-textarea{min-height:120px;font-size:14px}.payment-editor .penalty-form-actions,.payment-editor .modal-actions{gap:12px;margin-top:24px;padding-top:24px}.payment-editor .penalty-form-actions .btn,.payment-editor .modal-actions .btn{border-radius:10px;min-height:44px;font-size:13px}.policy-editor .module-form-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 18px}.policy-editor .module-field-group{grid-column:span 2;gap:8px}.policy-editor .field-penaltyFrequency,.policy-editor .field-penaltyAmount{grid-column:span 3}@media (width<=760px){.payment-editor{padding:22px}.policy-editor .module-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.policy-editor .module-field-group{grid-column:auto}.policy-editor .field-amountPerFlat{grid-column:1/-1}.payment-editor .penalty-form-row-3col{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-editor .penalty-form-row-3col>:last-child{grid-column:1/-1}}@media (width<=540px){.payment-editor{border-radius:14px;margin-bottom:24px;padding:18px 16px}.payment-editor .penalty-form-header,.payment-editor .module-form-title{gap:10px;padding-bottom:20px}.payment-editor .penalty-header-title-group,.payment-editor .module-form-title-left{gap:10px}.payment-editor .penalty-form-row-2col,.payment-editor .penalty-form-row-3col,.policy-editor .module-form-grid{grid-template-columns:minmax(0,1fr);gap:18px}.policy-editor .module-field-group{grid-column:auto}.payment-editor .penalty-input,.payment-editor .penalty-textarea,.payment-editor .module-field-group input,.payment-editor .registration-select-trigger{font-size:16px}.payment-editor .penalty-form-actions,.payment-editor .modal-actions{flex-direction:column-reverse}.payment-editor .penalty-form-actions .btn,.payment-editor .modal-actions .btn{width:100%}}.campaign-card{gap:12px}.campaign-festival-pill{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface-2));border-color:color-mix(in srgb, var(--accent) 25%, var(--border))}.campaign-card-title{color:var(--text);margin:0;font-size:15px;font-weight:700;line-height:1.35}.campaign-card-description{color:var(--muted-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.campaign-metrics-grid{background:var(--surface);border:1px solid var(--border);border-radius:9px;grid-template-columns:1fr 1fr;gap:8px;padding:8px 10px;display:grid}.campaign-metric-item{flex-direction:column;gap:2px;display:flex}.campaign-metric-item .metric-label{color:var(--muted-text);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.campaign-metric-item .metric-value{color:var(--text);font-size:13px;font-weight:700}.campaign-metric-item .metric-value-row{color:var(--text);align-items:center;gap:5px;font-size:13px;display:flex}.campaign-metric-item .metric-value-row svg{color:var(--accent)}.campaign-collection-stats{flex-direction:column;gap:6px;display:flex}.collection-stats-header{color:var(--muted-text);justify-content:space-between;align-items:center;font-size:11px;display:flex}.collection-stats-header strong{color:var(--text)}.collection-target{color:var(--muted-text);font-size:11px}.campaign-progress-bar{background:var(--surface-3,color-mix(in srgb, var(--border) 60%, transparent));border-radius:999px;width:100%;height:6px;position:relative;overflow:hidden}.campaign-progress-bar.large{height:10px;margin-top:8px}.campaign-progress-fill{background:linear-gradient(90deg,#10b981 0%,#059669 100%);border-radius:999px;height:100%;transition:width .4s}.campaign-progress-fill.complete{background:linear-gradient(90deg,#10b981 0%,#047857 100%)}.campaign-action-btn,.campaign-btn-min-height{border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.campaign-details-link{align-items:center;min-height:44px;display:inline-flex}.danger-hover{color:#dc2626!important;border-color:color-mix(in srgb, #dc2626 30%, var(--border))!important}.danger-hover:hover{color:#b91c1c!important;background:#dc26261f!important;border-color:#dc2626!important}.btn.danger:hover{background:#b91c1c}.field-locked-reason{color:var(--muted-text);align-items:center;gap:4px;margin-top:4px;font-size:11px;display:inline-flex}.field-locked-reason svg{color:#ca8a04}.locked-field-box{flex-direction:column;display:flex}.info-banner{align-items:center;gap:8px;display:flex;background:color-mix(in srgb, #2563eb 10%, var(--surface))!important;border-color:color-mix(in srgb, #2563eb 25%, var(--border))!important;color:#1d4ed8!important}.info-banner svg{color:#2563eb;flex-shrink:0}.confirmation-dialog-card{max-width:480px}.modal-header-icon.warning{background:color-mix(in srgb, #ca8a04 15%, var(--surface));color:#ca8a04}.modal-header-icon.danger{background:color-mix(in srgb, #dc2626 15%, var(--surface));color:#dc2626}.campaign-contributions-table-wrapper{margin-top:10px;overflow-x:auto}.campaign-contributions-table{border-collapse:collapse;width:100%;font-size:13px}.campaign-contributions-table th{text-align:left;background:var(--surface-2);color:var(--muted-text);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:8px 12px;font-size:11px}.campaign-contributions-table td{border-bottom:1px solid var(--border);color:var(--text);padding:10px 12px}.payment-card-skeleton{pointer-events:none;background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:14px;min-height:260px;padding:16px 18px;display:flex}.skeleton-line{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3,var(--border)) 50%, var(--surface-2) 75%);background-size:200% 100%;border-radius:6px;animation:1.5s infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.phone-input-field{width:100%;min-width:0;color:var(--text);flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.registration-grid .phone-input-field{grid-template-columns:auto 1fr;gap:7px;display:grid}.phone-input-label{align-items:center;gap:4px;display:inline-flex}.phone-input-wrap{grid-column:1/-1;align-items:center;width:100%;display:flex;position:relative}.phone-input-wrap input{width:100%;min-width:0;padding-right:48px}.phone-input-wrap input[aria-invalid=true]{border-color:#d65f59!important}.phone-counter{color:var(--muted-text);pointer-events:none;background:var(--surface);border:1px solid var(--border);letter-spacing:.02em;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600;position:absolute;right:10px}.phone-input-container{flex-direction:column;gap:4px;width:100%;display:flex}.visitor-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}@media (width<=1024px){.visitor-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.visitor-card-grid{grid-template-columns:1fr}}.visitor-pass-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;border-radius:14px;outline:none;flex-direction:column;padding:18px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.visitor-pass-card:hover,.visitor-pass-card:focus-visible{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.visitor-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.visitor-card-id-wrap{align-items:center;gap:12px;min-width:0;display:flex}.visitor-card-avatar{background:var(--surface-2);border:1px solid var(--border);width:40px;height:40px;color:var(--accent-deep);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.visitor-card-titles{min-width:0}.visitor-card-name{color:var(--text);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:700;overflow:hidden}.visitor-card-flat{color:var(--muted-text);align-items:center;gap:5px;margin-top:2px;font-size:12px;display:inline-flex}.visitor-card-badge-wrap{flex-shrink:0}.visitor-badge{letter-spacing:.01em;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-pre-approved,.status-approved{color:#059669;background:#10b9811f;border:1px solid #10b9813d}.status-checked-in{color:#0284c7;background:#0ea5e91f;border:1px solid #0ea5e93d}.status-completed{color:#4f46e5;background:#6366f11f;border:1px solid #6366f13d}.status-pending{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b3d}.status-expired{color:#64748b;background:#64748b1f;border:1px solid #64748b3d}.status-cancelled,.status-rejected{color:#dc2626;background:#ef44441f;border:1px solid #ef44443d}.status-default{background:var(--surface-2);color:var(--muted-text);border:1px solid var(--border)}.visitor-visit-window{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 14px;display:flex}.visit-window-col{flex-direction:column;gap:2px;display:flex}.visit-label{color:var(--muted-text);align-items:center;gap:4px;font-size:11px;display:inline-flex}.visit-val{color:var(--text);font-size:12px;font-weight:600}.visit-duration-pill{background:var(--accent-soft);color:var(--accent-deep);white-space:nowrap;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:600}.visitor-card-meta-list{flex-direction:column;gap:6px;margin-bottom:14px;font-size:12px;display:flex}.visitor-meta-row{color:var(--muted-text);justify-content:space-between;align-items:center;gap:8px;display:flex}.meta-label{align-items:center;gap:5px;display:inline-flex}.meta-value{color:var(--text);font-weight:500}.visitor-card-actions{border-top:1px solid var(--border);align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex}.visitor-card-actions .btn{flex:1;justify-content:center}.visitor-grid-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-top:18px;padding:48px 24px;display:flex}.empty-icon-orb{background:var(--accent-soft);width:56px;height:56px;color:var(--accent-deep);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.visitor-grid-empty h3{margin:0 0 6px;font-size:18px;font-weight:700}.visitor-grid-empty p{color:var(--muted-text);max-width:400px;margin:0 0 16px}.empty-actions-row{align-items:center;gap:10px;display:flex}.visitor-pass-modal-card{width:100%;max-width:740px}.visitor-modal-header-badges{align-items:center;gap:8px;display:flex}.pass-id-pill{color:var(--muted-text);background:var(--surface-2);border:1px solid var(--border);letter-spacing:.04em;border-radius:6px;padding:3px 8px;font-family:DM Mono,monospace;font-size:11px}.visitor-pass-modal-body{padding:20px 22px}.visitor-pass-split-layout{grid-template-columns:1.18fr .82fr;align-items:start;gap:18px;display:grid}.pass-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-text);margin-bottom:8px;font-size:10px;font-weight:700;display:block}.pass-identity-box{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:14px 16px}.pass-visitor-name{color:var(--text);letter-spacing:-.02em;margin:0 0 6px;font-size:19px;font-weight:800}.pass-details-grid{color:var(--muted-text);flex-direction:column;gap:6px;font-size:12.5px;display:flex}.pass-detail-item{align-items:center;gap:7px;display:flex}.pass-detail-icon{color:var(--accent-deep);flex-shrink:0}.pass-timing-box{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:12px 14px}.pass-time-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;display:grid}.pass-time-col{flex-direction:column;gap:2px;display:flex}.pass-time-col strong{color:var(--text);font-size:12px}.time-col-title{color:var(--muted-text);font-size:10.5px}.pass-timing-footer{border-top:1px dashed var(--border);justify-content:flex-start;align-items:center;padding-top:8px;display:flex}.pass-time-duration{color:var(--accent-deep);background:var(--accent-soft);border-radius:8px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.pass-security-callout{background:#51a67814;border:1px solid #51a67838;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 13px;display:flex}.pass-security-icon{color:var(--accent-deep);flex-shrink:0;margin-top:1px}.pass-security-callout p{color:var(--text);margin:0;font-size:11px;line-height:1.5}.visitor-pass-qr-col{flex-direction:column;align-items:center;display:flex}.pass-qr-container{background:#0c1322;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:18px 16px 14px;display:flex;box-shadow:0 10px 25px #00000038}.pass-qr-frame{background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:10px;display:flex;box-shadow:0 4px 16px #00000040}.pass-qr-image{aspect-ratio:1;width:190px;max-width:100%;height:190px;image-rendering:pixelated;display:block}.pass-qr-skeleton{color:#94a3b8;background:#ffffff0a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:190px;height:190px;display:flex}.pass-qr-error{text-align:center;color:#f87171;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:190px;min-height:190px;padding:12px;display:flex}.pass-qr-error p{margin:0;font-size:11px}.qr-error-icon{color:#ef4444}.pass-qr-caption{text-align:center;margin-top:10px}.pass-qr-token-label{text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;font-size:9px;font-weight:700;display:block}.pass-qr-token-code{color:#34d399;letter-spacing:.05em;margin-top:2px;font-family:DM Mono,monospace;font-size:13px;display:block}.pass-action-feedback{text-align:center;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:12.5px}.visitor-pass-modal-footer{justify-content:flex-end;align-items:center;gap:10px;width:100%;display:flex}.visitor-pass-action-btn{min-height:44px}.spin{animation:1s linear infinite modalSpin}@keyframes modalSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.2s ease-out alertFadeIn}@keyframes alertFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=680px){.visitor-pass-split-layout{grid-template-columns:1fr;gap:14px}.visitor-modal-header-badges{display:none}.visitor-pass-modal-footer{grid-template-columns:1fr 1fr;gap:8px;display:grid}.visitor-pass-modal-footer .btn.primary{grid-column:1/-1}.visitor-pass-action-btn{width:100%;min-height:44px}}@media (width<=480px){.app-modal-backdrop{align-items:flex-end;padding:8px}.app-modal-card{border-bottom-right-radius:0;border-bottom-left-radius:0;max-height:calc(100dvh - 16px)}.app-modal-header{padding:12px 14px}.app-modal-body{padding:14px}.app-modal-footer{padding:12px 14px max(12px, env(safe-area-inset-bottom))}.visitor-pass-modal-footer{flex-direction:column-reverse;display:flex}}.visitor-delete-modal{width:100%;max-width:440px}.delete-dialog-message{color:var(--text);margin:0 0 14px;font-size:15px;line-height:1.5}.delete-dialog-alert{color:#dc2626;background:#ef444414;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.btn.danger{color:#fff;background:#dc2626;border:1px solid #dc2626}.btn.danger:hover:not(:disabled){background:#b91c1c}.btn.ghost-danger{color:#dc2626;background:0 0;border:1px solid #ef44444d}.btn.ghost-danger:hover:not(:disabled){background:#ef444414;border-color:#dc2626}.visitor-scan-modal{width:100%;max-width:520px}.scan-input-wrap{align-items:center;width:100%;display:flex;position:relative}.scan-search-icon{color:var(--muted-text);pointer-events:none;position:absolute;left:12px}.scan-text-input{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);border-radius:10px;padding:12px 14px 12px 38px;font-size:14px}.scan-verify-btn{position:absolute;right:6px}.scan-result-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;margin-top:18px;padding:16px}.scan-result-card.valid_now{background:#10b9810d;border-color:#10b98166}.scan-result-card.expired,.scan-result-card.cancelled{background:#ef44440d;border-color:#ef444466}.scan-result-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.scan-state-badge{align-items:center;gap:6px;font-size:14px;display:flex}.scan-state-message{color:var(--muted-text);font-size:12px}.scan-visitor-info h3{margin:0 0 8px;font-size:18px;font-weight:700}.scan-meta-grid{color:var(--muted-text);grid-template-columns:1fr 1fr;gap:8px;font-size:13px;display:grid}.scan-meta-grid div{align-items:center;gap:5px;display:flex}.scan-action-wrap{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.visitor-form-dates-row{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.visitor-form-dates-row{grid-template-columns:1fr;gap:12px}}.form-date-field{flex-direction:column;gap:6px;display:flex}.form-date-field label{color:var(--text);align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex}.form-date-field input[type=datetime-local]{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);border-radius:8px;padding:0 12px;font-size:14px}.form-date-error{color:#dc2626;margin-top:2px;font-size:11px}.payment-method-dialog{width:min(560px,100%)}.payment-method-loading{place-items:center;min-height:140px;display:grid}.payment-method-tabs{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px;padding:4px;display:grid}.payment-method-tabs button{min-height:40px;color:var(--muted-text);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.payment-method-tabs button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000014}.payment-method-list{gap:8px;display:grid}.payment-method-option{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;grid-template-columns:auto 38px 1fr auto;align-items:center;gap:12px;min-height:58px;padding:10px 14px;transition:border-color .15s,background .15s;display:grid}.payment-method-option.selected{border-color:var(--accent);background:var(--accent-soft)}.payment-method-option input{width:16px;height:16px;accent-color:var(--accent)}.payment-method-icon{background:var(--surface-2);width:38px;height:38px;color:var(--accent-deep);border-radius:10px;place-items:center;display:grid}.payment-method-text{gap:2px;min-width:0;display:grid}.payment-method-text b{font-size:13px}.payment-method-text small{color:var(--muted-text);font-size:11px}.payment-method-total{white-space:nowrap;font-size:14px;font-weight:800}.payment-method-note{color:var(--muted-text);margin:12px 0 0;font-size:11.5px;line-height:1.6}.cheque-payment-form{gap:12px;display:grid}.cheque-payment-form .payment-method-note{margin:0}.cheque-proof-picker{border:1px dashed var(--border);background:var(--surface-2);min-height:44px;color:var(--muted-text);cursor:pointer;border-radius:10px;align-items:center;gap:9px;padding:0 12px;font-size:12px;display:flex;overflow:hidden}.cheque-proof-picker span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.visually-hidden-file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.cheque-review-pill{background:color-mix(in srgb,#d9a441 16%,var(--surface));color:#9a6b12;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.cheque-note{background:var(--surface-2);border-radius:10px;margin:10px 0 0;padding:9px 12px;font-size:11.5px;line-height:1.5}.cheque-note.rejected{background:color-mix(in srgb,#d65f59 9%,var(--surface));color:#b2443e}.cheque-payments-view{gap:16px;display:grid}.cheque-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.cheque-toolbar h2{margin:0 0 4px;font-size:18px}.cheque-toolbar p{max-width:620px;color:var(--muted-text);margin:0;font-size:12px;line-height:1.6}.cheque-filter{min-width:220px}.cheque-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.cheque-card{padding:16px}.cheque-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cheque-card-head h3{margin:0;font-size:14px}.cheque-card-head p{color:var(--muted-text);margin:4px 0 0;font-size:11.5px}.cheque-details{grid-template-columns:1fr 1fr;gap:10px 16px;margin:14px 0 0;display:grid}.cheque-details dt{color:var(--muted-text);font-size:10.5px}.cheque-details dd{overflow-wrap:anywhere;margin:2px 0 0;font-size:12.5px;font-weight:700}.cheque-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.module-status.submitted{background:color-mix(in srgb,#d9a441 16%,var(--surface));color:#9a6b12}.module-status.rejected{background:color-mix(in srgb,#d65f59 12%,var(--surface));color:#b2443e}@media (width<=600px){.payment-method-option{grid-template-columns:auto 34px 1fr;row-gap:4px}.payment-method-total{grid-column:3}.cheque-list{grid-template-columns:1fr}.cheque-filter{width:100%;min-width:0}}