:root{--bg: #000;--surface: #0a0a0a;--card: #111;--card-2: #050505;--text: #fff;--muted: rgba(255, 255, 255, .72);--subtle: rgba(255, 255, 255, .48);--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .22);--accent: #fff;--accent-text: #000;--shadow: 0 14px 46px rgba(0, 0, 0, .45);--radius: 8px;--sidebar-width: 300px;color:var(--text);background:var(--bg);font-family:Roboto Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.5}:root[data-brand=worktwins]{--bg: #fbf7f0;--surface: #f5efe4;--card: #fff;--card-2: #fbf7f0;--text: #1a1a1f;--muted: #5e5e68;--subtle: #8a8a92;--border: rgba(31, 30, 34, .08);--border-strong: rgba(31, 30, 34, .14);--accent: #d9b679;--accent-text: #1a1a1f;--shadow: 0 1px 2px rgba(31, 30, 34, .05), 0 18px 40px -22px rgba(31, 30, 34, .18);--radius: 12px;font-family:Manrope,Helvetica Neue,system-ui,sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#ffffff3d}[data-brand=worktwins] *{scrollbar-color:rgba(31,30,34,.14) transparent}[data-brand=worktwins] *::-webkit-scrollbar-thumb{background:#1f1e221f}[data-brand=worktwins] *::-webkit-scrollbar-thumb:hover{background:#1f1e2238}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}[data-brand=worktwins] body{background:radial-gradient(48% 32% at 18% 6%,rgba(207,226,243,.55) 0%,transparent 70%),radial-gradient(44% 30% at 88% 8%,rgba(244,212,216,.42) 0%,transparent 70%),radial-gradient(42% 32% at 84% 92%,rgba(220,211,240,.36) 0%,transparent 70%),radial-gradient(40% 30% at 8% 92%,rgba(196,235,227,.36) 0%,transparent 70%),var(--bg)}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}a{color:inherit}.screen-status,.auth-layout{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-panel{width:min(100%,520px);border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--card) 88%,transparent);padding:26px;box-shadow:var(--shadow)}.auth-brand{display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px;align-items:center}.auth-brand img,.sidebar-brand img{width:64px;height:64px;object-fit:contain}[data-brand=worktwins] .auth-brand img,[data-brand=worktwins] .sidebar-brand img{border-radius:18px}.eyebrow{margin:0 0 8px;color:var(--subtle);font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{margin-bottom:10px;letter-spacing:0}[data-brand=worktwins] h1,[data-brand=worktwins] h2,[data-brand=worktwins] h3{font-family:"Instrument Serif",Cormorant Garamond,Times New Roman,serif;font-weight:400}.lede{margin-bottom:0;color:var(--muted)}.auth-form{display:grid;gap:16px;margin-top:28px;margin-bottom:14px}.auth-form label{display:grid;gap:8px;color:var(--muted);font-size:.9rem;font-weight:700}.auth-form input,.menu-search{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--card-2);color:var(--text);padding:11px 12px}.auth-form input:focus,.menu-search:focus{outline:1px solid var(--accent)}.primary-button,.secondary-button,.provider-grid button,.text-button,.header-actions a{border-radius:10px;padding:11px 14px;font-weight:700}.primary-button{background:var(--accent);color:var(--accent-text)}.secondary-button,.provider-grid button,.header-actions a{border:1px solid var(--border);background:var(--card);color:var(--text)}.provider-grid{display:flex;flex-direction:column;gap:12px;margin-top:0}.provider-grid button{display:flex;align-items:center;justify-content:center;gap:10px}.provider-grid img{width:20px;height:20px}[data-brand=subjective] .provider-grid img[src$="github.svg"]{filter:invert(1)}.error-message{margin:18px 0 0;color:#ff9a9a}.or-separator{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--subtle);font-size:.75rem}.or-separator:before,.or-separator:after{content:"";flex:1;height:1px;background:var(--border)}.auth-prompt{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:.86rem}.auth-prompt p{margin:0}.link-button{border:0;background:transparent;color:var(--text);padding:0;text-decoration:underline;text-underline-offset:3px}.auth-footer{margin:22px 0 0;color:var(--subtle);font-size:.82rem}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);background:var(--bg)}[data-brand=worktwins] .dashboard-shell{background:transparent}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--bg) 94%,transparent);padding:20px 15px;overflow-y:auto;z-index:2}[data-brand=worktwins] .sidebar{background:#fbf7f0eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sidebar-brand{display:grid;justify-items:center;padding-bottom:16px;border-bottom:1px solid var(--border);text-align:center}.nav-list,.nav-children{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0;padding:0}.nav-list{padding-top:4px}.nav-link{border:0;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border-radius:var(--radius);color:var(--text);font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;padding:9px 11px;text-decoration:none;text-align:left;transition:background-color .16s ease,box-shadow .16s ease}.nav-collapsible{background:transparent}.nav-collapsible-open{background:color-mix(in srgb,var(--text) 8%,transparent)}.nav-right{display:inline-flex;align-items:center;gap:8px}.chevron{color:var(--subtle);font-size:.7rem}.nav-link:hover,.nav-link:focus{background:color-mix(in srgb,var(--text) 10%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--text) 18%,transparent)}[data-brand=worktwins] .nav-link{color:#2e2e36;font-size:.84rem;font-weight:600;letter-spacing:0;text-transform:none;padding:7px 10px;box-shadow:none}[data-brand=worktwins] .nav-link:hover{background:#1f1e220a;box-shadow:none}.nav-link small{border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);padding:1px 7px;font-size:.62rem;letter-spacing:0;text-transform:none}[data-brand=worktwins] .nav-link small{background:color-mix(in srgb,#d9b679 26%,#fff);color:#b89358}.nav-children{margin:4px 0 8px 12px;padding-left:12px;border-left:1px solid var(--border-strong)}.nav-children .nav-link{color:var(--muted);font-size:.78rem;letter-spacing:.02em;text-transform:none;white-space:normal;overflow-wrap:anywhere}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--border)}.profile-menu-host{position:relative;display:grid;justify-items:center}.profile-avatar-button{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:transparent;padding:0}.profile-avatar-button img{width:44px;height:44px;border-radius:50%;object-fit:cover;transition:filter .2s ease,transform .2s ease}.profile-avatar-button:hover img,.profile-avatar-button:focus-visible img{filter:drop-shadow(0 0 8px rgba(255,255,255,.7)) drop-shadow(0 0 12px rgba(255,255,255,.45));transform:scale(1.05)}.profile-dropdown{position:fixed;left:calc(var(--sidebar-width) + 12px);bottom:22px;min-width:178px;display:flex;flex-direction:column;border:1px solid var(--text);border-radius:4px;background:#000;color:#fff;padding:4px 0;box-shadow:var(--shadow);z-index:1000}.profile-dropdown a,.profile-dropdown button{width:100%;border:0;background:transparent;color:#fff;padding:9px 14px;text-align:left;text-decoration:none;font:inherit}.profile-dropdown a:hover,.profile-dropdown button:hover,.profile-dropdown a:focus-visible,.profile-dropdown button:focus-visible{background:#ffffff1a;text-shadow:0 0 8px rgba(255,255,255,.8),0 0 12px rgba(255,255,255,.5)}[data-brand=worktwins] .profile-dropdown{border-color:var(--border-strong);background:var(--card);color:var(--text)}[data-brand=worktwins] .profile-dropdown a,[data-brand=worktwins] .profile-dropdown button{color:var(--text)}[data-brand=worktwins] .profile-dropdown a:hover,[data-brand=worktwins] .profile-dropdown button:hover{background:#1f1e220d;text-shadow:none}.dashboard-content{display:grid;gap:20px;align-content:start;min-width:0;padding:24px;background:var(--surface)}[data-brand=worktwins] .dashboard-content{margin:20px;border:1px solid var(--border);border-radius:22px;background:#ffffff9e;box-shadow:var(--shadow)}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:20px}.dashboard-header p{max-width:760px;margin-bottom:0;color:var(--muted)}.header-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.header-actions a{text-decoration:none}.session-grid,.metric-grid,.feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.widgets-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.session-grid article,.metric-grid article,.panel,.feature-card,.widget,.data-table-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--text);padding:18px;box-shadow:0 2px 5px #00000038}[data-brand=worktwins] .session-grid article,[data-brand=worktwins] .metric-grid article,[data-brand=worktwins] .panel,[data-brand=worktwins] .feature-card,[data-brand=worktwins] .widget,[data-brand=worktwins] .data-table-section,[data-brand=worktwins] .dashboard-header{box-shadow:var(--shadow)}.session-grid span,.metric-grid span{display:block;color:var(--subtle);font-size:.78rem;font-weight:800}.session-grid strong,.metric-grid strong{display:block;margin-top:8px;overflow-wrap:anywhere}.metric-grid strong{font-size:1.45rem}.metric-grid p{margin:8px 0 0;color:var(--muted);font-size:.88rem}.panel{display:flex;align-items:center;justify-content:space-between;gap:18px}.panel p,.feature-card p{color:var(--muted)}.feature-card span{color:var(--accent);font-size:.72rem;font-weight:800;text-transform:uppercase}.feature-list{grid-template-columns:repeat(4,minmax(0,1fr))}.widget{min-height:320px}.widget-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.widget-header span{border:1px solid var(--border);border-radius:999px;color:var(--muted);padding:2px 8px;font-size:.72rem}.donut-chart{width:min(220px,70vw);aspect-ratio:1;display:grid;place-items:center;margin:20px auto;border-radius:50%;background:radial-gradient(circle,var(--card) 0 43%,transparent 44%),conic-gradient(#ff6384 0 15%,#36a2eb 15% 28%,#ffce56 28% 42%,#4bc0c0 42% 57%,#96f 57% 75%,#c9cbcf 75% 100%)}[data-brand=worktwins] .donut-chart{background:radial-gradient(circle,var(--card) 0 43%,transparent 44%),conic-gradient(#cfe2f3 0 25%,#f4d4d8 25% 44%,#dcd3f0 44% 66%,#c4ebe3 66% 82%,#d9b679 82% 100%)}.donut-chart div{font-size:1.8rem;font-weight:800}.bar-set{height:190px;display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:12px;margin:22px 0;padding:16px;border-radius:var(--radius);background:var(--card-2);border:1px solid var(--border)}.bar-set i{display:block;min-height:24px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 28%,transparent))}.data-table-section h3{margin-bottom:14px}.remote-footer{overflow:hidden;margin:44px -24px -24px;border-top:1px solid var(--border);background:transparent}.remote-footer iframe{display:block;width:100%;min-height:0;border:0;background:transparent;overflow:hidden}[data-brand=worktwins] .remote-footer{margin-right:-20px;margin-bottom:-20px;margin-left:-20px}.st-backend-page{display:grid;gap:18px;min-width:0}.st-backend-header{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:18px;align-items:start;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:18px}.st-backend-header p:last-child{margin-bottom:0;color:var(--muted)}.st-backend-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.st-backend-tabs a,.table-action{border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--text) 5%,transparent);color:var(--text);padding:7px 10px;text-decoration:none;font-size:.78rem}.st-backend-tabs a.active{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.st-backend-filters{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px;align-items:center}.st-backend-filters input,.st-backend-filters select,.st-modal input{min-width:0;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--card-2);color:var(--text);padding:10px 11px}.st-backend-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.st-backend-stats article,.st-backend-empty{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:18px}.st-backend-stats span{display:block;color:var(--subtle);font-size:.76rem;font-weight:800;text-transform:uppercase}.st-backend-stats strong{display:block;margin-top:6px;font-size:1.35rem}.st-backend-empty p{margin-bottom:0;color:var(--muted)}.st-backend-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}.st-backend-table{width:100%;min-width:980px;border-collapse:collapse}.st-backend-table th,.st-backend-table td{max-width:340px;border-bottom:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top;overflow-wrap:anywhere;font-size:.82rem}.st-backend-table th{position:sticky;top:0;z-index:1;background:var(--card);color:var(--subtle);font-size:.72rem;text-transform:uppercase}.st-backend-table tr:last-child td{border-bottom:0}.table-action{margin:0 6px 6px 0;cursor:pointer}.table-action.danger{border-color:#ff686859;color:#ff9494}.st-backend-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:var(--muted)}.st-modal-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;background:#000000b8;padding:18px}.st-modal{width:min(100%,520px);display:grid;gap:12px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--card);padding:20px;box-shadow:var(--shadow)}.st-modal label{display:grid;gap:6px;color:var(--muted);font-size:.82rem;font-weight:800}.payments-page{display:grid;gap:16px;min-width:0}.payments-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding-bottom:14px}.payments-header h2{margin-bottom:0}.payments-header .eyebrow{margin-bottom:4px}.payments-header a{text-decoration:none}.payments-frame{width:100%;min-height:600px;border:0;background:transparent;overflow:hidden;display:block}.payments-loading{min-height:340px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--muted)}.hidden-input{display:none}.profile-page{width:100%;max-width:1120px;margin:0 auto;color:var(--text)}.profile-cover{position:relative;height:260px;overflow:hidden;border:1px solid var(--border);border-radius:14px;background-color:#000;background-position:center;background-size:cover;box-shadow:var(--shadow)}.profile-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000002e,#000000b8),radial-gradient(60% 80% at 12% 12%,rgba(255,255,255,.06) 0%,transparent 60%)}[data-brand=worktwins] .profile-cover:after{background:radial-gradient(60% 80% at 12% 12%,rgba(207,226,243,.5) 0%,transparent 60%),radial-gradient(50% 70% at 88% 18%,rgba(244,212,216,.45) 0%,transparent 60%),linear-gradient(135deg,#f5efe4b3,#ecdfc99e)}.cover-edit-button{position:absolute;right:16px;bottom:16px;z-index:1;border:1px solid var(--border-strong);border-radius:10px;background:#0000009e;color:#fff;cursor:pointer;padding:8px 14px;font-size:.82rem}[data-brand=worktwins] .cover-edit-button{background:#ffffffd6;color:var(--text)}.profile-header-card{display:flex;align-items:flex-end;gap:18px;padding:0 18px;margin-top:-84px;position:relative;z-index:1}.profile-avatar-wrap{position:relative;width:168px;height:168px;overflow:hidden;border:2px solid var(--border-strong);border-radius:999px;background:var(--card);box-shadow:var(--shadow)}.profile-avatar{width:100%;height:100%;object-fit:cover}.avatar-edit-button{position:absolute;inset:0;display:grid;place-items:center;background:#00000094;color:#fff;cursor:pointer;opacity:0;transition:opacity .15s ease}.profile-avatar-wrap:hover .avatar-edit-button{opacity:1}.profile-header-main{flex:1;min-width:0;padding-bottom:10px}.profile-title-row,.profile-card-header,.form-actions,.profile-meta-row,.profile-handle-row{display:flex;align-items:center;gap:10px}.profile-title-row,.profile-card-header{justify-content:space-between}.profile-name{margin:0;font-size:clamp(2rem,5vw,2.75rem);font-weight:800;line-height:1.05}[data-brand=worktwins] .profile-name{font-weight:400}.profile-headline{margin:8px 0 0;color:var(--muted)}.profile-edit-stack{display:grid;gap:10px}.profile-name-input,.profile-small-input,.profile-handle-input,.profile-textarea,.chat-edit-form input{width:100%;border:1px solid var(--border-strong);border-radius:10px;background:var(--card-2);color:var(--text);padding:10px 12px}.profile-name-input{font-size:1.6rem;font-weight:800}.profile-handle-row{flex-wrap:wrap;margin-top:14px}.profile-handle-row span{color:var(--muted)}.profile-handle-input{max-width:260px}.profile-meta-row{flex-wrap:wrap;margin-top:12px}.profile-meta-row span{border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--card) 74%,transparent);color:var(--muted);padding:7px 10px;font-size:.8rem;overflow-wrap:anywhere}.edit-chip{border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text);cursor:pointer;padding:6px 12px;font-size:.78rem}.profile-grid{display:grid;grid-template-columns:2fr minmax(280px,1fr);gap:20px;margin-top:24px}.profile-main-col,.profile-side-col{display:grid;align-content:start;gap:16px}.profile-card{border:1px solid var(--border);border-radius:16px;background:var(--card);box-shadow:var(--shadow);padding:18px}.profile-card h3{margin:0}.profile-card p{margin-bottom:0;color:var(--muted);line-height:1.6}.profile-kv{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px 12px;margin:0}.profile-kv dt{color:var(--subtle);font-size:.76rem;font-weight:800;text-transform:uppercase}.profile-kv dd{margin:0;color:var(--muted);overflow-wrap:anywhere}.chat-edit-form{display:grid;gap:12px}.chat-edit-form label{display:grid;gap:6px;color:var(--muted);font-size:.86rem;font-weight:700}.chat-edit-form small{color:var(--subtle);font-weight:400}.chat-link-list{display:flex;flex-wrap:wrap;gap:10px}.chat-link-list a{border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text);padding:8px 12px;text-decoration:none}.profile-status,.profile-error{border-radius:10px;margin:16px 6px 0;padding:10px 12px}.profile-status{border:1px solid rgba(87,214,141,.3);color:#9af0b7}.profile-error{border:1px solid rgba(255,154,154,.3);color:#ff9a9a}.table-scroll{overflow-x:auto}table{width:100%;min-width:560px;border-collapse:collapse}th,td{border:1px solid var(--border);padding:10px;text-align:left;font-size:.9rem}th{background:var(--card-2);color:var(--text)}td{color:var(--muted)}@media(max-width:1050px){.session-grid,.metric-grid,.feature-list,.widgets-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.dashboard-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.profile-dropdown{position:absolute;left:50%;right:auto;bottom:calc(100% + 10px);transform:translate(-50%)}.dashboard-content{padding:14px}[data-brand=worktwins] .dashboard-content{margin:10px}.remote-footer{margin:34px -14px -14px}[data-brand=worktwins] .remote-footer{margin-right:-10px;margin-bottom:-10px;margin-left:-10px}.dashboard-header,.panel,.profile-header-card,.st-backend-header,.payments-header{align-items:stretch;flex-direction:column}.session-grid,.metric-grid,.feature-list,.widgets-container,.st-backend-stats,.st-backend-header{grid-template-columns:1fr}.st-backend-tabs{justify-content:flex-start}.st-backend-filters,.auth-brand{grid-template-columns:1fr}.profile-avatar-wrap{width:132px;height:132px}.profile-grid{grid-template-columns:1fr}}
