:root{--color-primary:#0b8fa3;--color-primary-hover:#087487;--color-primary-light:#d8f3f4;--color-primary-dark:#075985;--color-primary-gradient:linear-gradient(135deg, #0b8fa3, #58a91f);--color-primary-glow:#0b8fa340;--color-secondary:#58a91f;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-danger-light:#fef2f2;--color-success:#16a34a;--color-success-hover:#15803d;--color-success-light:#f0fdf4;--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-light:#fffbeb;--color-info:#06b6d4;--color-info-light:#ecfeff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-white:#fff;--glass-bg:#fffffff0;--glass-bg-strong:#fffffffa;--glass-border:#94a3b852;--glass-border-hover:#0b8fa361;--glass-shadow:0 10px 28px #0f172a1a;--shadow-sm:0 1px 3px #0f172a0d, 0 1px 2px #0f172a08;--shadow-md:0 4px 10px -2px #0f172a14, 0 2px 6px -2px #0f172a0d;--shadow-lg:0 12px 24px -6px #0f172a1a, 0 6px 12px -6px #0f172a0f;--shadow-xl:0 24px 48px -12px #0f172a24, 0 10px 20px -10px #0f172a14;--shadow-glass:0 8px 32px #0f172a12;--shadow-glow:0 8px 30px #0b8fa32e;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--sidebar-width:264px;--header-height:68px;--page-pad-x:clamp(16px, 2.4vw, 32px);--page-pad-y:clamp(16px, 2vw, 28px);--header-pad-x:clamp(16px, 2.4vw, 32px);--header-pad-y:clamp(10px, 1.2vw, 16px);--card-pad:clamp(14px, 1.6vw, 20px);--font-sans:"Figtree", "Segoe UI", sans-serif;--font-display:"Outfit", "Figtree", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);color:var(--color-gray-900);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01" on, "cv11" on;background-color:#0b1220;min-height:100dvh;font-size:15px;font-weight:500;line-height:1.55;position:relative}img,svg{max-width:100%}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em;font-weight:650;line-height:1.25}input,select,textarea,button{font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #0b8fa31a,0 0 14px #0b8fa30d!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#64748b59;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#64748b80}::selection{color:var(--color-primary-dark);background:#0b8fa32e}.app-backdrop{z-index:-2;pointer-events:none;background:#0b1220;position:fixed;inset:0;overflow:hidden}.app-backdrop-photo{object-fit:cover;object-position:center 38%;transform-origin:55% 40%;filter:saturate(1.14)contrast(1.08)brightness(.94);width:100%;height:100%;animation:32s ease-in-out infinite alternate kenBurns}.app-backdrop-vignette{background:radial-gradient(90% 80% at 50% 42%,#080c1814 0%,#080c1847 100%),linear-gradient(#080c1838 0%,#080c180a 40%,#080c1852 100%);position:absolute;inset:0}body:has(.layout) .app-backdrop-photo{filter:saturate(1.04)contrast(1.02)brightness(.82)}body:has(.layout) .app-backdrop-vignette{background:linear-gradient(90deg,#080c188c 0%,#080c1814 22%,#0000 38%),radial-gradient(90% 80% at 50% 38%,#f1f5f938 0%,#0f172a2e 100%),linear-gradient(#f8fafc7a 0%,#f1f5f938 42%,#0f172a47 100%)}.app-backdrop-grain{opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes kenBurns{0%{transform:scale(1.05)translate(0)}to{transform:scale(1.14)translate(-1.6%,-1.2%)}}@media (prefers-reduced-motion:reduce){.app-backdrop-photo{animation:none;transform:scale(1.06)}}body:has(.auth-page) .app-backdrop-photo{filter:saturate(1.16)contrast(1.06)brightness(1.02);animation:none;transform:scale(1.08)}body:has(.auth-page) .app-backdrop-vignette{background:linear-gradient(#080c1838 0%,#080c180a 38%,#080c1833 100%)}.proto-bar{z-index:500;color:#ffffffe0;letter-spacing:.3px;background:repeating-linear-gradient(135deg,#0f172a,#0f172a 10px,#16213c 10px 20px);border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;padding:7px 18px;font-size:11px;font-weight:600;display:flex;position:sticky;top:0}.proto-bar a{color:#fff;opacity:.82}.proto-bar a:hover{opacity:1;text-decoration:underline}.proto-bar .proto-dot{background:#34d399;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 6px #34d399}.proto-bar .proto-sep{opacity:.35}.proto-bar .proto-role{text-transform:uppercase;letter-spacing:1px;opacity:.6;margin-left:auto;font-size:10px}.layout{z-index:1;min-height:100dvh;display:flex;position:relative}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(28px)saturate(150%);color:#fff;background:linear-gradient(#0a1020f5,#0e162af0);border-right:1px solid #ffffff1f;flex-direction:column;flex-shrink:0;align-self:flex-start;height:100dvh;display:flex;position:sticky;top:0}.sidebar-header{z-index:5;border-bottom:1px solid #ffffff0a;padding:18px 18px 14px;position:relative}.sidebar-logo{align-items:center;gap:11px;display:flex}.sidebar-logo-image{object-fit:contain;background:#fff;border-radius:8px;width:148px;height:60px;display:block}.logo-icon{background:linear-gradient(135deg,#0b8fa3,#58a91f);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 0 20px #0b8fa333}.logo-text-wrap{flex-direction:column;gap:1px;display:flex}.logo-text{color:#fff;font-size:18px;font-weight:700;line-height:1.2}.logo-sub{text-transform:uppercase;letter-spacing:1.5px;color:#e2e8f0c7;font-size:11px;font-weight:600}.role-badge{text-transform:uppercase;letter-spacing:1px;color:#e2e8f0d1;background:#ffffff1a;border:1px solid #ffffff29;border-radius:8px;margin-top:7px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.sidebar-nav{flex:1;padding:8px 0;overflow-y:auto}.nav-group{margin-bottom:3px}.nav-group-label{text-transform:uppercase;letter-spacing:1.3px;color:#f1f5f9f2;white-space:nowrap;align-items:center;gap:6px;padding:16px 20px 6px;font-size:11px;font-weight:700;display:flex}.sidebar-nav a{color:#fff;white-space:nowrap;border-radius:10px;align-items:center;gap:11px;margin:2px 10px;padding:8px 16px;font-size:14.5px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar-nav a:hover{color:#fff;background:#ffffff1a}.sidebar-nav a.active{color:#fff;background:linear-gradient(135deg,#0b8fa347,#58a91f29);font-weight:600;box-shadow:inset 0 1px #ffffff14,0 4px 16px #0b8fa326}.sidebar-nav a.active:before{content:"";background:linear-gradient(#42b6c4,#8ccf3f);border-radius:0 4px 4px 0;width:4px;height:62%;position:absolute;top:50%;left:-10px;transform:translateY(-50%);box-shadow:0 0 12px #0b8fa380}.nav-icon{color:currentColor;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.sidebar-nav a.active .nav-icon{color:#fff;background:linear-gradient(135deg,#0b8fa3,#58a91f);box-shadow:0 4px 12px #0b8fa359}.nav-label{flex:1}.nav-badge{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.sidebar-footer{border-top:1px solid #ffffff0a;padding:12px 16px 14px}.user-card{align-items:center;gap:10px;margin-bottom:10px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#0b8fa3,#58a91f);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:flex;position:relative}.user-avatar:after{content:"";background:#16a34a;border:2px solid #0d1426f5;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0}.user-meta{overflow:hidden}.user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.user-role-text{color:#e2e8f0b8;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.logout-btn{color:#fffffff2;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:6px 10px;font-size:13.5px;display:flex}.logout-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff47}.main-content{z-index:1;-webkit-backdrop-filter:blur(22px)saturate(140%);background:#f8fafce6;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.top-header{-webkit-backdrop-filter:blur(22px)saturate(180%);padding:var(--header-pad-y) var(--header-pad-x);z-index:50;background:#ffffffeb;border-bottom:1px solid #94a3b847;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex;position:sticky;top:0}.header-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.header-title-area{min-width:0}.breadcrumbs{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:3px;display:flex}.breadcrumb-item{color:var(--color-gray-600);font-size:13px;font-weight:500}.breadcrumb-item.active{color:var(--color-gray-800);font-weight:700}.breadcrumb-sep{color:var(--color-gray-500);margin:0 2px;font-size:13px}.page-title{font-family:var(--font-display);color:#0f172a;letter-spacing:-.03em;font-size:clamp(22px,2.1vw,28px);font-weight:800;line-height:1.2}.page-subtitle{color:#334155;margin-top:2px;font-size:14px;font-weight:500}.header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.header-search{border:1px solid var(--color-gray-300);border-radius:var(--radius-pill);background:#fff;align-items:center;min-width:200px;height:36px;padding:0 8px 0 14px;display:flex;box-shadow:0 1px 2px #0f172a0d}.header-search input{color:var(--color-gray-900);background:0 0;border:none;outline:none;width:100%;padding:6px 0;font-size:14.5px}.header-search input::placeholder{color:var(--color-gray-500)}.header-search-icon{color:var(--color-gray-600);flex-shrink:0;margin-right:6px}.header-bell-wrap{position:relative}.header-bell{border:1px solid var(--color-gray-300);width:36px;height:36px;color:var(--color-gray-700);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.header-bell .dot{background:var(--color-danger);border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:8px}.notification-panel{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(24px)saturate(160%);border-radius:var(--radius-lg);width:min(360px,100vw - 32px);max-height:min(420px,70vh);box-shadow:var(--shadow-xl);z-index:80;border:1px solid #ffffff40;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}.notification-panel-head{border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;padding:12px 14px 8px;font-size:14px;display:flex}.notification-item{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;border-bottom:1px solid #e2e8f0b3;padding:12px 14px;display:block}.notification-item:hover{background:#0b8fa30f}.notification-item.unread{background:#0b8fa314}.notify-toast-stack{z-index:200;pointer-events:none;flex-direction:column;gap:10px;width:min(360px,100vw - 28px);display:flex;position:fixed;top:18px;right:18px}.notify-toast{pointer-events:auto;background:#fffffff5;border:1px solid #0f172a14;border-radius:14px;grid-template-columns:1fr auto;align-items:start;gap:4px;padding:12px 10px 12px 14px;animation:.22s ease-out notify-toast-in;display:grid;box-shadow:0 14px 40px #0f172a29}.notify-toast.is-urgent{border-color:#dc262659;box-shadow:0 14px 40px #dc26262e}.notify-toast-body{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;padding:0;display:block}.notify-toast-title{color:var(--color-gray-900);font-size:14px;font-weight:700;line-height:1.3}.notify-toast-text{color:var(--color-gray-600);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:4px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.notify-toast-hint{letter-spacing:.02em;color:var(--color-teal-700,#0f766e);margin-top:8px;font-size:11px;font-weight:600}.notify-toast.is-urgent .notify-toast-hint{color:#b91c1c}.notify-toast-close{width:28px;height:28px;color:var(--color-gray-500);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:0;font-size:18px;line-height:1}.notify-toast-close:hover{color:var(--color-gray-800);background:#0f172a0f}@keyframes notify-toast-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=720px){.notify-toast-stack{width:auto;inset:auto 14px 16px}}.notification-title{color:var(--color-gray-900);font-size:13.5px;font-weight:700}.notification-item.unread .notification-title{color:#0f172a}.notification-body{color:var(--color-gray-600);margin-top:2px;font-size:13px;line-height:1.4}.notification-time{color:var(--color-gray-500);margin-top:4px;font-size:11.5px}.notification-empty{color:var(--color-gray-600);margin:0;padding:18px 14px 20px;font-size:13.5px;line-height:1.45}.page-content{padding:var(--page-pad-y) var(--page-pad-x);color:#0f172a;flex:1;width:100%;min-width:0;animation:.28s cubic-bezier(.16,1,.3,1) both pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-header{min-width:0;margin-bottom:16px}.page-header h1{color:var(--color-gray-900);letter-spacing:-.02em;font-size:24px;font-weight:700}.page-header p{color:var(--color-gray-600);margin-top:1px;font-size:15px}.page-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.page-actions-end{justify-content:flex-end}.card-flush .pager{border-top:1px solid var(--color-gray-200);width:100%;box-shadow:none;-webkit-backdrop-filter:none;background:#f8fafcf2;border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:12px 16px;display:flex}.pager-meta{color:var(--color-gray-600);font-size:13.5px;font-weight:500}.pager-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pager-pages{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pager-page{border:1px solid var(--color-gray-300);min-width:32px;height:32px;color:var(--color-gray-800);cursor:pointer;background:#fff;border-radius:8px;padding:0 8px;font-size:13.5px;font-weight:600}.pager-page:hover{border-color:var(--color-gray-400)}.pager-page.active{background:var(--color-gray-900);border-color:var(--color-gray-900);color:#fff}.pager-ellipsis{text-align:center;min-width:20px;color:var(--color-gray-600);font-weight:600}.page-search{border:1px solid var(--color-gray-300);background:#fff;border-radius:10px;flex:220px;align-items:center;gap:8px;min-width:180px;max-width:320px;height:36px;padding:0 12px;display:flex;box-shadow:0 1px 2px #0f172a0d}.page-search input{color:var(--color-gray-900);background:0 0;border:none;outline:none;width:100%;padding:6px 0;font-size:14px}.page-search-icon{opacity:.45;width:15px;height:15px;color:var(--color-gray-700);flex-shrink:0}.page-actions .pill-tabs{margin-left:auto}.setup-checklist{background:var(--glass-bg,#ffffffb8);border:1px solid var(--glass-border,#0f172a14);border-radius:14px;margin-bottom:16px;padding:14px 16px}.setup-checklist.is-incomplete{border-color:#d9770659}.setup-checklist-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.setup-checklist-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.setup-check{text-align:left;font:inherit;color:inherit;cursor:pointer;background:#0f172a08;border:1px solid #0f172a14;border-radius:10px;align-items:flex-start;gap:8px;padding:10px;display:flex}.setup-check.ok{background:#16a34a0f;border-color:#16a34a40}.setup-check.todo{background:#f59e0b12;border-color:#d977064d}.setup-check-mark{background:#0f172a14;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:inline-flex}.setup-check.ok .setup-check-mark{color:#16a34a;background:#16a34a26}.setup-check.todo .setup-check-mark{color:#d97706;background:#d9770626}.setup-check-label{font-size:13px;font-weight:600;display:block}.setup-check-detail{color:var(--color-gray-500,#64748b);margin-top:2px;font-size:11px;display:block}.setup-recent{border-top:1px solid #0f172a14;margin-top:12px;padding-top:10px}.setup-recent-row{justify-content:space-between;gap:12px;padding:4px 0;font-size:12px;display:flex}.page-select{border:1px solid var(--color-gray-300);height:36px;color:var(--color-gray-900);background:#fff;border-radius:10px;min-width:140px;max-width:220px;padding:0 12px;font-size:13.5px;font-weight:600;box-shadow:0 1px 2px #0f172a0d}.billing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.billing-card-head h3{color:var(--color-gray-900);margin:0 0 4px;font-size:16px;font-weight:750}.billing-card-head p{color:var(--color-gray-600);margin:0;font-size:13px;line-height:1.45}.billing-tool{border:1px solid var(--color-gray-200);background:#f8fafcb3;border-radius:12px;padding:12px}.billing-tool-title{color:var(--color-gray-800);margin-bottom:10px;font-size:13.5px;font-weight:700}.billing-tool:first-child{grid-column:1/-1}.card-flush-head{border-bottom:1px solid var(--color-gray-200);background:#f8fafcd9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.card-flush-head h2{color:var(--color-gray-900);margin:0;font-size:15px;font-weight:750}.card-flush-head p{color:var(--color-gray-600);margin:2px 0 0;font-size:12.5px}.tools-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.tools-row .form-group{flex:140px;min-width:140px;max-width:220px;margin-bottom:0}.tools-row .form-group.grow{flex:220px;max-width:none}.money-pos{color:#16a34a;font-weight:600}.money-neg{color:#ef4444;font-weight:600}.money-muted{color:var(--color-gray-500);font-weight:600}.credit-balance{font-size:15px}@media (width<=900px){.billing-grid{grid-template-columns:1fr}}.list-title{color:var(--color-gray-900);align-items:center;gap:8px;font-weight:650;display:flex}.list-preview{color:var(--color-gray-600);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.pin-mark{color:#4f46e5;background:#4f46e51f;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:inline-flex}.poll-list{flex-direction:column;gap:14px;display:flex}.poll-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.poll-card-head h3{max-width:70%;margin:0;font-size:16px;font-weight:700;line-height:1.35}.poll-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.poll-options{flex-direction:column;gap:8px;display:flex}.poll-option{border:1px solid var(--color-gray-200);cursor:pointer;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.poll-option:hover:not(.is-disabled){border-color:var(--color-gray-300);box-shadow:0 1px 4px #0f172a0f}.poll-option.is-disabled{cursor:default}.poll-option.is-selected{border-color:#4f46e559}.poll-option-fill{z-index:0;background:#4f46e51a;transition:width .35s;position:absolute;inset:0 auto 0 0}.poll-option.is-selected .poll-option-fill{background:#4f46e52e}.poll-option-label,.poll-option-stats{z-index:1;align-items:center;gap:8px;display:flex;position:relative}.poll-option-label{min-width:0;font-weight:600}.poll-option-stats{color:var(--color-gray-800);flex-shrink:0;font-size:13px;font-weight:700}.poll-option-stats .text-muted{font-weight:500}.poll-your-vote{color:#4f46e5;white-space:nowrap;font-size:12px;font-weight:700}.poll-actions{border-top:1px solid var(--color-gray-100);flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:12px;display:flex}.split-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.card{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(20px)saturate(160%);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);border:1px solid var(--glass-border);padding:var(--card-pad);margin-bottom:16px;transition:box-shadow .3s,transform .25s,border-color .2s;position:relative;overflow:visible}.card:hover{border-color:var(--glass-border-hover);transform:translateY(-1px);box-shadow:0 14px 44px #0f172a1f}.card h3{color:var(--color-gray-900);margin-bottom:10px;font-size:16.5px;font-weight:700}.card p{color:var(--color-gray-700);font-size:15px;line-height:1.6}.card-flush{padding:0;overflow:hidden}.card .data-table,.card-flush .data-table{box-shadow:none;background:0 0;border:none;border-radius:0}.card-flush .empty-state{-webkit-backdrop-filter:none;background:0 0}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(160%);border-radius:var(--radius-lg);border:1px solid var(--glass-border);min-width:0;box-shadow:var(--shadow-sm);align-items:flex-start;gap:12px;padding:16px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--glass-border-hover);transform:translateY(-3px);box-shadow:0 14px 40px #0f172a1f}button.stat-card{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}button.stat-card.is-clickable:focus-visible{outline:2px solid var(--color-primary,#2563eb);outline-offset:2px}.attention-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.attention-row{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:#0f172a08;border:1px solid #0f172a14;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.attention-row:hover{background:#2563eb0f;border-color:#2563eb33}.attention-row.tone-red{background:#dc26260d;border-color:#dc262640}.attention-row.tone-orange{background:#f59e0b0f;border-color:#d9770640}.attention-label{font-size:14px;font-weight:600}.attention-detail{color:var(--color-gray-500,#64748b);margin-top:2px;font-size:12px}.attention-go{color:var(--color-primary,#2563eb);flex-shrink:0;font-size:12px;font-weight:600}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #0f172a14}.stat-content{flex:1;min-width:0}.stat-content .stat-label{color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.6px;font-size:12.5px;font-weight:700}.stat-content .stat-value{font-family:var(--font-display);color:var(--color-gray-900);letter-spacing:-.03em;margin-top:4px;font-size:clamp(22px,1.8vw,30px);font-weight:800}.stat-trend{margin-top:2px;font-size:12px;font-weight:600}.stat-trend.up{color:var(--color-success)}.stat-trend.down{color:var(--color-danger)}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 20px;font-size:14.5px;font-weight:600;line-height:1.4;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-primary-gradient);color:#fff;box-shadow:0 4px 14px #0b8fa340}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0b8fa352}.btn-danger{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 14px #dc262640}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 24px #dc262652}.btn-success{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 14px #16a34a40}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 24px #16a34a52}.btn-warning{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #f59e0b40}.btn-warning:hover{transform:translateY(-2px);box-shadow:0 6px 24px #f59e0b52}.btn-outline{border:1.5px solid var(--color-gray-300);color:var(--color-gray-800);background:#fff}.btn-outline:hover{color:var(--color-primary);border-color:#0b8fa380;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a14}.btn-ghost{color:var(--color-gray-600);background:0 0;border:none;padding:4px 8px}.btn-ghost:hover{color:var(--color-gray-800);background:#0f172a0f}.btn-sm{border-radius:8px;padding:7px 14px;font-size:13.5px}.btn-xs{border-radius:6px;padding:4px 10px;font-size:12px}.btn-pill{border-radius:999px}.btn-block{width:100%}.data-table{border-collapse:separate;border-spacing:0;border-radius:var(--radius-lg);border:1px solid var(--glass-border);width:100%;box-shadow:var(--shadow-glass);background:#fff;overflow:hidden}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--color-gray-200);color:#1e293b;padding:11px 14px;font-size:14px}.data-table th{background:var(--color-gray-100);color:#1e293b;text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:700}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#0b8fa30a}.data-table tbody tr.is-clickable{cursor:pointer}.data-table tbody tr.is-clickable:hover{background:#0b8fa314}.data-table tbody tr.is-selected{background:#0b8fa31f}.data-table td input,.data-table td select{border:1.5px solid var(--color-gray-300);color:var(--color-gray-900);background:#fff;border-radius:8px;padding:6px 8px;font-size:13px}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-scroll{max-height:min(440px,58vh);overflow:auto}.table-scroll .data-table thead th{z-index:1;box-shadow:0 1px 0 var(--color-gray-200);position:sticky;top:0}.action-btns{flex-wrap:wrap;gap:4px;display:flex}.verify-input-group{flex-wrap:wrap;gap:8px;display:flex}.verify-input-group input{flex:1;min-width:140px}.badge{border-radius:var(--radius-pill);letter-spacing:.2px;text-transform:capitalize;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.badge-active,.badge-confirmed,.badge-paid,.badge-completed,.badge-accepted{color:#166534;background:#16653424}.badge-pending,.badge-draft,.badge-requested,.badge-in_progress{color:#92400e;background:#92400e24}.badge-approved{color:#075985;background:#1e40af24}.badge-rejected,.badge-overdue,.badge-denied,.badge-suspended{color:#991b1b;background:#991b1b24}.badge-checked_in{color:#065f46;background:#065f4624}.badge-checked_out,.badge-cancelled{color:#374151;background:#37415124}.badge-inactive{color:#6b7280;background:#6b728024}.badge-blocked{color:#b45309;background:#f59e0b29}.empty-state{text-align:center;color:#475569;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:40px 16px}.empty-state h3{color:var(--color-gray-800);margin-bottom:6px;font-size:17px}.empty-state p{color:var(--color-gray-600);margin:0;font-size:15px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#0f172a80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:min(90vh,90dvh);box-shadow:var(--shadow-xl);border:1px solid #ffffff40;padding:clamp(16px,3vw,26px);overflow-y:auto}.modal-lg{max-width:680px}.modal h2{margin-bottom:16px;font-size:20px;font-weight:700}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.form-group{margin-bottom:15px}.form-group label{color:var(--color-gray-700);margin-bottom:5px;font-size:13.5px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--color-gray-300);width:100%;color:var(--color-gray-900);background:#fff;border-radius:10px;outline:none;padding:10px 13px;font-size:15px}.form-group select+input,.form-group input+input{margin-top:8px}.form-group textarea{resize:vertical;min-height:70px}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-row-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.form-hint{color:var(--color-gray-500);margin-top:4px;font-size:13px}.error-message{color:var(--color-danger);background:#fef2f2d9;border:1px solid #fecaca66;border-radius:8px;align-items:center;gap:6px;margin-bottom:14px;padding:8px 12px;font-size:14px;display:flex}.success-message{color:#166534;background:#f0fdf4d9;border:1px solid #bbf7d066;border-radius:8px;align-items:center;gap:6px;margin-bottom:14px;padding:8px 12px;font-size:14px;display:flex}.info-message{-webkit-backdrop-filter:blur(16px)saturate(160%);color:#155e75;background:#ecfefff0;border:1px solid #a5f3fca6;border-radius:8px;align-items:center;gap:6px;margin-bottom:14px;padding:8px 12px;font-size:14px;display:flex}.demo-banner{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:14.5px;display:flex}.sos-banner{-webkit-backdrop-filter:blur(12px);color:#fff;border-radius:var(--radius-lg);background:linear-gradient(135deg,#dc2626d9,#b91c1cd9);border:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:14px 20px;animation:2s infinite pulse-sos;display:flex;box-shadow:0 4px 16px #dc262633}.sos-banner h3{color:#fff;margin:0;font-size:16px}.sos-banner p{opacity:.9;color:#fff;margin:4px 0 0;font-size:14px}tr.sos-row-focus{animation:1.2s ease-in-out 3 sos-row-pulse;box-shadow:inset 4px 0 #dc2626;background:#dc262624!important}tr.ticket-row-focus{box-shadow:inset 4px 0 #2563eb;background:#2563eb1f!important}@keyframes sos-row-pulse{0%,to{background:#dc26261a}50%{background:#dc262638}}@keyframes pulse-sos{0%,to{box-shadow:0 0 #dc26264d}50%{box-shadow:0 0 0 12px #dc262600}}.dot-pulse{background:#fff9;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite dotPulse;display:inline-block}@keyframes dotPulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.tower-tabs{flex-wrap:wrap;gap:8px;display:flex}.tower-tab{border:1px solid var(--color-gray-200);color:var(--color-gray-600);cursor:pointer;background:#fff;border-radius:8px;padding:8px 16px;font-size:14.5px;font-weight:600;transition:all .15s}.tower-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.tower-tab-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.kanban{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.kanban-col{flex-direction:column;gap:10px;display:flex}.kanban-col-title{text-transform:uppercase;letter-spacing:.6px;color:var(--color-gray-600);justify-content:space-between;align-items:center;padding:0 2px;font-size:12.5px;font-weight:700;display:flex}.kanban-count{background:var(--color-gray-200);color:var(--color-gray-700);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700}.kanban-card{border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:6px;padding:12px 13px;display:flex}.kanban-card-title{color:var(--color-gray-900);font-size:15px;font-weight:700}.kanban-card-meta{color:var(--color-gray-500);font-size:13px}.kanban-card-foot{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.stepper{flex-wrap:wrap;align-items:center;gap:0;margin:6px 0 18px;display:flex}.step{align-items:center;gap:8px;display:flex}.step-dot{background:var(--color-gray-200);width:22px;height:22px;color:var(--color-gray-500);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.step.done .step-dot{background:var(--color-primary-gradient);color:#fff}.step.current .step-dot{border:2px solid var(--color-primary);color:var(--color-primary);background:#fff}.step-label{color:var(--color-gray-600);white-space:nowrap;font-size:11px;font-weight:600}.step.done .step-label,.step.current .step-label{color:var(--color-gray-900)}.step-line{background:var(--color-gray-200);width:clamp(20px,4vw,44px);height:2px;margin:0 8px}.step.done+.step-line-wrap .step-line,.step-line.done{background:var(--color-primary)}.slot-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.slot{border:1.5px solid var(--color-gray-200);text-align:center;color:var(--color-gray-700);cursor:pointer;background:#fff;border-radius:10px;padding:9px 6px;font-size:13.5px;font-weight:600;transition:all .15s}.slot:hover{border-color:var(--color-primary);color:var(--color-primary)}.slot.booked{background:var(--color-gray-100);color:var(--color-gray-400);border-color:var(--color-gray-100);cursor:not-allowed;text-decoration:line-through}.slot.blocked{color:#b91c1c;cursor:not-allowed;background:repeating-linear-gradient(135deg,#fef2f2,#fef2f2 6px,#fee2e2 6px 12px);border-color:#fecaca}.slot.booked:hover,.slot.blocked:hover{color:inherit;border-color:inherit}.slot.booked:hover{color:var(--color-gray-400);border-color:var(--color-gray-100)}.slot.blocked:hover{color:#b91c1c;border-color:#fecaca}button.slot{font-family:inherit}.slot-legend{color:var(--color-gray-600);margin-top:12px;font-size:13.5px}.slot-swatch{vertical-align:middle;border-radius:3px;width:10px;height:10px;margin:0 5px 0 0;display:inline-block}.slot.selected{background:var(--color-primary-gradient);color:#fff;border-color:#0000;box-shadow:0 4px 12px #0b8fa34d}.day-tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}button.day-tab{font-family:inherit}.day-tab{border:1.5px solid var(--color-gray-200);color:var(--color-gray-600);cursor:pointer;text-align:center;background:#fff;border-radius:10px;min-width:56px;padding:8px 14px;font-size:13.5px;font-weight:700}.day-tab .dow{text-transform:uppercase;opacity:.7;font-size:11px;font-weight:600;display:block}.day-tab.active{background:var(--color-primary-gradient);color:#fff;border-color:#0000}.stars{color:#f59e0b;letter-spacing:1px;font-size:15px}.stars .off{color:var(--color-gray-300)}.star-picker{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.star-pick{color:var(--color-gray-300);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:28px;line-height:1;transition:color .12s,transform .12s}.star-pick.on{color:#f59e0b}.star-pick:hover,.star-pick:focus-visible{outline:none;transform:scale(1.12)}.star-picker-label{color:var(--color-gray-600);margin-left:8px;font-size:13px}.vendor-reviews{gap:6px;margin:0 0 8px;padding:0;list-style:none;display:grid}.vendor-reviews li{color:var(--color-gray-600);font-size:12px;line-height:1.4}.vendor-reviews strong{color:var(--color-gray-800);font-weight:600}.amenities-intro{border-radius:var(--radius-lg);background:linear-gradient(135deg,#06b6d414,#2563eb0f);border:1px solid #0b8fa326;margin-bottom:16px;padding:14px 18px}.amenities-intro p{color:var(--color-gray-600);margin:0;font-size:14px;line-height:1.55}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.tile{-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--radius-xl);background:#ffffffbf;border:1px solid #ffffffe6;flex-direction:column;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 4px 16px #0f172a0a,inset 0 1px #fff}.tile:hover{border-color:#fff;transform:translateY(-6px)scale(1.01);box-shadow:0 20px 40px #0f172a1f,0 0 0 1px #0b8fa326}.tile-media{background:var(--color-primary-gradient);align-items:flex-end;height:110px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.tile-media:before{content:"";opacity:.5;background:linear-gradient(#ffffff40 0%,#fff0 100%);transition:opacity .4s;position:absolute;inset:0}.tile:hover .tile-media:before{opacity:1}.tile-media:after{content:"";mix-blend-mode:overlay;background:radial-gradient(circle at 100% 0,#fff6 0%,#0000 60%);position:absolute;inset:0}.tile-media .tile-icon{color:#ffffffd9;z-index:2;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:16px;right:20px}.tile:hover .tile-media .tile-icon{color:#fff;transform:scale(1.1)rotate(5deg)}.tile-media-label{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;text-shadow:0 2px 12px #0000004d;z-index:2;font-size:20px;font-weight:800;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(0)}.tile:hover .tile-media-label{transform:translateY(-2px)}.tile-body{flex-direction:column;flex:1;padding:18px 20px 20px;display:flex}.tile-body .tile-title{color:var(--color-gray-900);margin-bottom:6px;font-size:16px;font-weight:750}.tile-body .tile-sub{color:var(--color-gray-500);align-items:center;gap:6px;margin-bottom:12px;font-size:13.5px;font-weight:500;display:flex}.tile.is-selected{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary);box-shadow:0 12px 30px #0b8fa326}.tile.tile-is-blocked .tile-media{filter:saturate(.55)}.tile.tile-is-blocked .tile-sub{color:var(--color-gray-600)}.tile[role=button]{cursor:pointer}.tile-foot{border-top:1px dashed #94a3b866;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:16px;display:flex}.tile-foot-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.switch{flex-shrink:0;width:38px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch-track{background:var(--color-gray-300);cursor:pointer;border-radius:999px;transition:all .2s;position:absolute;inset:0}.switch-track:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch input:checked+.switch-track{background:var(--color-primary-gradient)}.switch input:checked+.switch-track:before{transform:translate(16px)}.switch-row{border-bottom:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.switch-row:last-child{border-bottom:none}.switch-row-label{color:var(--color-gray-800);font-size:15px;font-weight:600}.switch-row-sub{color:var(--color-gray-500);margin-top:2px;font-size:13px}.timeline{padding-left:22px;position:relative}.timeline:before{content:"";background:var(--color-gray-200);width:2px;position:absolute;top:4px;bottom:4px;left:6px}.timeline-item{padding-bottom:16px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:var(--color-primary);width:12px;height:12px;box-shadow:0 0 0 2px var(--color-primary-light);border:2px solid #fff;border-radius:50%;position:absolute;top:2px;left:-22px}.timeline-time{color:var(--color-gray-500);font-size:12px;font-weight:600}.timeline-title{color:var(--color-gray-900);margin-top:1px;font-size:15px;font-weight:700}.timeline-body{color:var(--color-gray-600);margin-top:2px;font-size:14px}.bar-track{background:var(--color-gray-200);border-radius:999px;height:8px;overflow:hidden}.bar-fill{background:var(--color-primary-gradient);border-radius:999px;height:100%}.bar-fill.warn{background:linear-gradient(135deg,#f59e0b,#d97706)}.bar-fill.danger{background:linear-gradient(135deg,#dc2626,#b91c1c)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;margin:22px 0 12px;display:flex}.section-head:first-child{margin-top:0}.section-head h2{color:var(--color-gray-900);letter-spacing:-.01em;font-size:18px;font-weight:800}.section-head .section-sub{color:var(--color-gray-600);margin-top:1px;font-size:14px}.card .section-head{width:auto;max-width:none;margin:0 0 12px;padding:0}.setup-page{flex-direction:column;gap:4px;display:flex}.setup-kpis{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.setup-kpi{background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-md);min-width:108px;max-width:168px;box-shadow:var(--shadow-sm);flex-direction:column;flex:108px;gap:2px;padding:12px 16px;display:flex}.setup-kpi strong{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-gray-900);font-size:22px;font-weight:800;line-height:1.1}.setup-kpi span{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.setup-block{min-width:0}.setup-block>.section-head{margin-top:12px}.setup-split{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.setup-split.is-single{grid-template-columns:1fr}.setup-split>.card{min-width:0;margin-bottom:0}.setup-split>.card:hover{transform:none}.setup-form-card h3{margin-bottom:14px}.setup-toolbar{border-bottom:1px solid var(--color-gray-200);background:#f8fafcb8;padding:14px 16px 12px}.setup-toolbar .form-group{margin-bottom:0}.setup-rate-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.setup-rate-row select,.setup-rate-row input{border:1.5px solid var(--color-gray-300);color:var(--color-gray-900);background:#fff;border-radius:10px;min-width:0;padding:10px 13px;font-size:15px}.setup-rate-row select{flex:160px;max-width:220px}.setup-rate-row input[type=number]{width:140px}.pill-tabs{flex-wrap:wrap;gap:6px;display:flex}.pill-tab{border:1px solid var(--color-gray-200);color:var(--color-gray-600);cursor:pointer;background:#fff;border-radius:10px;padding:7px 13px;font-size:13px;font-weight:650;transition:background .15s,border-color .15s,color .15s}.pill-tab:hover:not(.active){border-color:var(--color-gray-300);color:var(--color-gray-800);background:#f8fafce6}.pill-tab.active{background:var(--color-gray-900);border-color:var(--color-gray-900);color:#fff}.avatar-sm{background:var(--color-primary-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:inline-flex}.flex-row{align-items:center;gap:8px;display:flex}.text-muted{color:var(--color-gray-500);font-size:13.5px}.mono{font-variant-numeric:tabular-nums}.auth-page{min-height:100dvh;display:flex;position:relative}.auth-hero{z-index:1;color:#fff;flex:1;align-items:flex-end;min-width:0;padding:clamp(24px,6vh,64px) clamp(24px,5vw,64px);display:flex;position:relative}.auth-hero-copy{max-width:520px;position:relative}.auth-hero-brand{align-items:center;gap:12px;margin-bottom:36px;display:flex}.auth-hero-logo{border-radius:10px;width:clamp(190px,28vw,300px);height:auto;display:block;box-shadow:0 14px 32px #080c183d}.hub-logo{background:#fff;border-radius:12px;width:min(360px,70vw);height:auto;display:block}.auth-hero-name{letter-spacing:-.03em;font-size:22px;font-weight:700}.auth-logo{color:#fff;background:linear-gradient(135deg,#0b8fa3,#58a91f);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:800;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #0b8fa366}.auth-logo:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff47 0%,#0000 50%);position:absolute;inset:0}.auth-kicker{letter-spacing:.2em;text-transform:uppercase;color:#ffffffc7;background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;margin-bottom:14px;padding:5px 10px;font-size:12.5px;font-weight:700;display:inline-block}.auth-hero h2{letter-spacing:-.045em;color:#fff;text-shadow:0 18px 50px #0006;font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.08}.auth-hero-lead{color:#ffffffdb;max-width:420px;margin-top:16px;font-size:16px;line-height:1.55}.auth-panel{z-index:2;flex:0 440px;justify-content:center;align-items:center;width:min(440px,42vw);padding:clamp(16px,4vh,36px) clamp(16px,3vw,32px);display:flex;position:relative}.auth-card{-webkit-backdrop-filter:blur(28px)saturate(170%);backdrop-filter:blur(28px)saturate(170%);background:#fffffff0;border:1px solid #ffffff8c;border-radius:24px;width:100%;max-width:400px;padding:clamp(20px,4vh,36px) clamp(16px,3vw,32px) clamp(16px,3vh,28px);position:relative;overflow:hidden;box-shadow:0 30px 80px -24px #080c1873,0 0 0 1px #ffffffb3}.auth-card:before{content:"";background:linear-gradient(90deg,#0b8fa3,#58a91f,#06b6d4);height:3px;position:absolute;top:0;left:0;right:0}.auth-card h1{letter-spacing:-.02em;color:var(--color-gray-900);font-size:26px;font-weight:800}.auth-card .auth-lead{color:var(--color-gray-600);margin-top:4px;margin-bottom:22px;font-size:15px}@media (width<=900px){.auth-panel{flex-basis:auto;width:100%}.auth-hero{display:none}}@media (width<=768px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.page-title{font-size:22px}.modal-actions{justify-content:stretch}.modal-actions .btn{flex:1}.header-search{display:none}}@media (width<=960px){.setup-split{grid-template-columns:1fr}}@media (width<=640px){.form-row,.form-row-3{grid-template-columns:1fr}.page-actions{width:100%}.page-actions .btn{flex:auto}.page-search,.page-select{width:100%;max-width:none}.page-actions .pill-tabs{width:100%;margin-left:0}.tools-row .form-group,.tools-row .form-group.grow{flex:100%;max-width:none}}@media (width<=480px){.stat-grid{grid-template-columns:1fr}.page-title{font-size:20px}}.hub-page{z-index:1;color:#fff;min-height:100dvh;padding:clamp(28px,6vh,64px) clamp(20px,6vw,72px) 80px;position:relative}.hub-brand{align-items:center;gap:12px;margin-bottom:40px;display:flex}.hub-kicker{letter-spacing:.22em;text-transform:uppercase;color:#ffffffbf;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;margin-bottom:16px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-block}.hub-title{letter-spacing:-.04em;max-width:760px;font-size:clamp(30px,4.6vw,52px);font-weight:800;line-height:1.06}.hub-lead{color:#ffffffb8;max-width:640px;margin-top:16px;font-size:15px;line-height:1.65}.hub-note{color:#fff9;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;margin-top:18px;padding:8px 14px;font-size:12px;display:inline-flex}.hub-section{margin-top:52px}.hub-section-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.hub-section-head h2{text-transform:uppercase;letter-spacing:.14em;color:#ffffffeb;font-size:13px;font-weight:800}.hub-section-head .n{color:#fff6;font-size:11px}.hub-grid{grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:14px;display:grid}.hub-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:18px 18px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden}.hub-card:hover{background:#ffffff17;border-color:#ffffff38;transform:translateY(-3px);box-shadow:0 20px 44px #00000059}.hub-card-icon{background:var(--color-primary-gradient);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:12px;display:flex;box-shadow:0 4px 14px #0b8fa34d}.hub-card h3{color:#fff;margin-bottom:4px;font-size:14px;font-weight:700}.hub-card p{color:#ffffff94;font-size:12px;line-height:1.55}.hub-card .hub-card-tag{text-transform:uppercase;letter-spacing:.6px;color:#fff6;margin-top:10px;font-size:10px;font-weight:700;display:inline-block}.hub-foot{color:#fff6;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:64px;padding-top:24px;font-size:12px;display:flex}select.community-select{border:1px solid var(--color-gray-300);width:auto;min-width:180px;max-width:280px;color:var(--color-gray-900);background:#fff;border-radius:8px;height:36px;margin:0;padding:8px 10px;font-family:inherit;font-size:13px;box-shadow:0 1px 2px #0f172a0d}select.community-select option{color:#0f172a;background:#fff}.community-switcher{width:100%;margin:10px 0 0;position:relative}.community-locked{color:#ffffffeb;cursor:default;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;width:100%;margin:10px 0 0;padding:8px 10px;font-size:13px;line-height:1.3;display:flex}.sidebar .community-select{color:#fff;width:100%;max-width:none;height:auto;box-shadow:none;cursor:pointer;text-align:left;appearance:none;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin:10px 0 0;padding:8px 10px;font-family:inherit;font-size:13px;display:flex}.community-select-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.community-select-caret{opacity:.7;flex-shrink:0;transition:transform .15s;display:inline-flex}.community-switcher.is-open .community-select-caret{transform:rotate(180deg)}.community-menu{z-index:60;background:#152038;border:1px solid #ffffff29;border-radius:10px;max-height:240px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px #00000073}.community-menu button{text-align:left;color:#fff;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;display:block}.community-menu button:hover,.community-menu button.active{background:#0b8fa359}.form-error,.empty-note{color:var(--color-danger);font-size:15px}.empty-note{color:var(--color-gray-700);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);width:fit-content;max-width:100%;padding:14px 16px}.gate-code{font-family:var(--font-display);letter-spacing:.12em;font-size:32px;font-weight:800}.menu-toggle{cursor:pointer;width:40px;height:40px;color:var(--color-gray-800);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;font-size:22px;display:none}.menu-toggle:hover{background:#0f172a0f}.sidebar-scrim{display:none}@media (width<=1100px){.menu-toggle{display:inline-flex}.sidebar{z-index:40;width:min(var(--sidebar-width), 88vw);height:100dvh;box-shadow:none;transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-105%)}.sidebar.open{transform:none;box-shadow:16px 0 40px #080c1847}.sidebar.open+.sidebar-scrim{z-index:30;cursor:pointer;background:#080c1873;border:0;display:block;position:fixed;inset:0}.main-content{width:100%;min-width:0}body.nav-open{overflow:hidden}}.roles-card{-webkit-backdrop-filter:none;background:#fff}.roles-head{border-bottom:1px solid var(--color-gray-200);background:#fff;flex-direction:column;gap:12px;padding:16px 18px 14px;display:flex}.roles-head-top{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 16px;display:grid}.roles-head-actions{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}@media (width<=720px){.roles-head-top{grid-template-columns:1fr}}.roles-head-copy h2{color:var(--color-gray-900);margin:0;font-size:16px;font-weight:800}.roles-head-copy p,.roles-card .roles-head-copy p{color:var(--color-gray-600);margin:4px 0 0;font-size:13px;line-height:1.45}.roles-legend{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.roles-legend-item{color:var(--color-gray-700);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.roles-card .pill-tabs{flex-wrap:nowrap;gap:6px;padding-bottom:2px;overflow-x:auto}.roles-card .pill-tab{flex-shrink:0}.role-matrix-wrap{background:#fff;overflow-x:auto}.roles-card .role-matrix{min-width:960px;box-shadow:none;border:0;border-radius:0;overflow:visible}.role-matrix th,.role-matrix td{white-space:nowrap;vertical-align:middle;padding:9px 12px}.role-matrix th:first-child,.role-matrix td:first-child{z-index:1;white-space:normal;border-right:1px solid var(--color-gray-200);background:#fff;width:220px;min-width:220px;max-width:220px;position:sticky;left:0}.role-matrix thead th:first-child{z-index:2;background:var(--color-gray-100)}.role-matrix-module td,.role-matrix-module td:first-child{z-index:0;min-width:0;max-width:none;box-shadow:none;background:var(--color-gray-100);position:static;left:auto}.role-matrix td.is-focus,.role-matrix th.is-focus{background:#0b8fa314}.role-matrix-module td{background:var(--color-gray-100);letter-spacing:.08em;text-transform:uppercase;color:var(--color-gray-600);padding-top:7px;padding-bottom:7px;font-size:11px;font-weight:800}.role-matrix-module td:first-child{background:var(--color-gray-100)}.access-badge{letter-spacing:.04em;text-transform:none;border-radius:999px;justify-content:center;align-items:center;min-width:36px;padding:3px 8px;font-size:12px;font-weight:800;display:inline-flex}.access-F{color:#166534;background:#16653424}.access-M{color:#0f766e;background:#0f766e24}.access-V{color:#075985;background:#07598524}.access-A,.access-VA{color:#6b21a8;background:#581c871f}.access-none{background:var(--color-gray-100);color:var(--color-gray-500)}.role-access-select{background:#fff;border-radius:8px;width:58px;padding:4px 2px 4px 6px;font-size:12px;font-weight:800}.chat-app{flex-direction:column;gap:14px;max-width:1100px;display:flex}.chat-app-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.chat-app-head h2{margin:0;font-size:22px}.chat-app-head p{color:var(--color-gray-600);margin:4px 0 0;font-size:14px}.chat-app-head-actions{flex-wrap:wrap;gap:8px;display:flex}.chat-banner{border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:13px;display:flex}.chat-banner-error{color:#b91c1c;background:#dc262614;border:1px solid #dc262633}.chat-layout{grid-template-columns:260px minmax(0,1fr);gap:14px;min-height:min(70vh,680px);display:grid}.chat-sidebar,.chat-main{flex-direction:column;min-height:0;margin:0;display:flex}.chat-sidebar{max-height:min(70vh,680px);padding:12px;overflow:auto}.chat-sidebar-title,.chat-sidebar-label,.chat-prefs-title{letter-spacing:.04em;text-transform:uppercase;color:var(--color-gray-500);margin:4px 4px 10px;font-size:12px;font-weight:700}.chat-sidebar-label{margin-top:14px}.chat-person{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.chat-person:hover{background:#0b8fa30f}.chat-person.active{background:#0b8fa31f}.chat-person strong{font-size:13.5px;display:block}.chat-person small{color:var(--color-gray-500);text-transform:capitalize;font-size:11px;display:block}.chat-avatar{width:34px;height:34px;color:var(--color-gray-800);background:#0f172a14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.chat-avatar.staff{color:#0f766e;background:#0b8fa329}.chat-avatar.resident{color:#1d4ed8;background:#2563eb1f}.chat-avatar.tiny{width:28px;height:28px;margin-top:4px;font-size:11px}.chat-main{overflow:hidden}.chat-main-bar{border-bottom:1px solid #0f172a0f;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.chat-main-bar strong{font-size:15px;display:block}.chat-main-bar .text-muted{font-size:12px}.chat-thread{background:linear-gradient(#f8fafcf2,#fff);flex-direction:column;flex:1;gap:10px;min-height:320px;max-height:min(52vh,480px);padding:16px;display:flex;overflow-y:auto}.chat-loading,.chat-empty{text-align:center;color:var(--color-gray-600);margin:auto;padding:24px}.chat-empty strong{color:var(--color-gray-900);margin-bottom:6px;display:block}.chat-empty p{margin:0;font-size:13px}.chat-day{color:var(--color-gray-500);background:#0f172a0d;border-radius:999px;align-self:center;margin:4px 0;padding:4px 10px;font-size:11px;font-weight:600}.chat-bubble-row{align-items:flex-start;gap:8px;display:flex}.chat-bubble-row.is-mine{justify-content:flex-end}.chat-bubble-row.is-theirs{justify-content:flex-start}.chat-bubble{border:1px solid #0f172a0f;border-radius:14px;max-width:min(78%,520px);padding:10px 12px;box-shadow:0 4px 14px #0f172a0a}.chat-bubble.mine{background:#0b8fa31f;border-bottom-right-radius:4px}.chat-bubble.theirs{background:#fff;border-bottom-left-radius:4px}.chat-bubble-meta{color:var(--color-gray-600);flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:4px;font-size:12px;display:flex}.chat-to{color:var(--color-gray-500);font-size:11px}.chat-bubble-time{color:var(--color-gray-500);margin-left:auto;font-size:11px}.chat-bubble-body{color:var(--color-gray-900);white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.45}.chat-reply-quote{color:var(--color-gray-600);background:#0f172a08;border-left:3px solid #0b8fa373;border-radius:0 8px 8px 0;margin-bottom:6px;padding:4px 8px;font-size:12px}.chat-links{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chat-chip{color:var(--color-gray-700);background:#0f172a0f;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.chat-attachments{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chat-attach-image{object-fit:cover;border:1px solid #0f172a14;border-radius:10px;max-width:180px;max-height:140px}.chat-attach-link{color:#0f766e;font-size:12px;font-weight:600}.chat-bubble-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.chat-seen{color:var(--color-gray-500);font-size:11px}.chat-composer{background:#fff;border-top:1px solid #0f172a0f;padding:12px 14px 14px}.chat-composer-row{align-items:flex-end;gap:8px;display:flex}.chat-composer-row textarea{resize:vertical;flex:1;min-height:42px;max-height:120px;margin:0}.chat-attach-btn{flex-shrink:0;width:42px;height:42px;padding:0;font-size:18px}.chat-composer-hint{color:var(--color-gray-500);margin-top:6px;font-size:11px}.chat-replying{background:#0b8fa314;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;padding:8px 10px;font-size:13px;display:flex}.chat-replying strong{font-size:12px;display:block}.chat-replying span{color:var(--color-gray-600)}.chat-attach-preview{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.chat-attach-chip{background:#0f172a0f;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.chat-attach-chip button{cursor:pointer;color:var(--color-gray-600);background:0 0;border:none;font-size:14px;line-height:1}.chat-prefs{margin:0}.chat-prefs-actions{gap:8px;display:flex}.chat-check{align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}@media (width<=900px){.chat-layout{grid-template-columns:1fr;min-height:auto}.chat-sidebar{max-height:220px}.chat-thread{min-height:240px;max-height:42vh}.chat-bubble{max-width:88%}.chat-app-head{flex-direction:column}}