@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";:root{--color-primary:#8ab4f8;--color-primary-strong:#669df6;--color-accent:#c58af9;--color-accent-strong:#d0bcff;--color-success:#81c995;--color-warning:#fdd663;--color-danger:#f28b82;--color-white:#fff;--color-black:#000;--color-ink:#202124;--color-canvas:#202124;--color-surface:#292a2d;--color-surface-raised:#303134;--color-surface-overlay:#3c4043;--color-border:#5f6368;--color-text:#f1f3f4;--color-text-muted:#bdc1c6;--color-text-subtle:#e8eaed;--surface-glass:#292a2d;--surface-faint:#ffffff08;--surface-quiet:#ffffff0d;--surface-subtle:#ffffff12;--surface-hover:#ffffff1f;--surface-selected:#8ab4f833;--border-subtle:#3c4043;--border-faint:#ffffff14;--border-strong:#5f6368;--backdrop:#202124db;--status-success-bg:#34d3991f;--status-warning-bg:#fbbf241f;--status-danger-bg:#fb71851f;--status-info-bg:#38bdf81f;--gradient-primary:var(--color-primary);--gradient-canvas:var(--color-canvas);--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-26:6.5rem;--font-sans:"Roboto", Arial, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-hero:clamp(2rem, 4.5vw, 3.5rem);--leading-tight:1.15;--leading-normal:1.5;--tracking-caps:.08em;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:.875rem;--radius-xl:1.25rem;--radius-full:9999px;--border-width:1px;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-primary:none;--shadow-primary-hover:none;--transition-fast:.16s cubic-bezier(.2, 0, 0, 1);--transition-base:.24s cubic-bezier(.2, 0, 0, 1);--focus-ring:0 0 0 .25rem #38bdf847;--bg-primary:var(--color-canvas);--bg-surface:var(--surface-glass);--border-glow:var(--border-subtle);--text-main:var(--color-text);--text-muted:var(--color-text-muted);--accent:var(--color-primary);--accent-secondary:var(--color-accent);--accent-gradient:var(--gradient-primary);--danger:var(--color-danger);--success:var(--color-success);--transition-smooth:var(--transition-base)}*{box-sizing:border-box}html{background:var(--color-canvas);min-width:20rem;font-size:14px}body{min-width:20rem;min-height:100vh;margin:var(--space-0);background:var(--gradient-canvas);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);overflow-x:hidden}button,input,select,textarea{font:inherit}button,[role=button]{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.64}a{color:inherit;text-decoration:none}:focus-visible{box-shadow:var(--focus-ring);outline:none}h1,h2,h3,h4,p{margin-top:var(--space-0)}h1,h2,h3,h4{color:var(--color-text);line-height:var(--leading-tight)}h1{margin-bottom:var(--space-2);font-size:var(--text-3xl);font-weight:800}h2{margin-bottom:var(--space-4);font-size:var(--text-xl);font-weight:700}p{color:var(--color-text-muted)}.app-container{width:min(75rem,100%);padding:var(--space-10) var(--space-5);margin-inline:auto}.glass-card,.card,.panel{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-glass);box-shadow:var(--shadow-md)}.glass-card{padding:var(--space-6);-webkit-backdrop-filter:none;transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base)}.glass-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:none}.nav-bar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-10);display:flex}.workspace-header{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:4.5rem;margin-bottom:var(--space-8);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);background:var(--color-surface);display:flex}.workspace-header__identity,.workspace-header__actions{align-items:center;gap:var(--space-3);display:flex}.workspace-header__mark{background:var(--color-primary);width:2rem;height:2rem;color:var(--color-ink);border-radius:50%;place-items:center;font-weight:700;display:grid}.workspace-header__name{color:var(--color-text);font-size:var(--text-lg);letter-spacing:-.01em;font-weight:500}.logo{margin:var(--space-0);color:var(--color-text);font-size:var(--text-2xl);letter-spacing:-.03em;background:0 0;font-weight:800}.flex-center{align-items:center;gap:var(--space-3);display:flex}.grid-cols-2{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.divider{height:1px;margin-block:var(--space-6);background:var(--border-subtle);border:0}.input-field,.input,.select-box{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;min-height:2.75rem;padding:var(--space-3) var(--space-4);background:var(--surface-subtle);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.input-field:hover,.input:hover,.select-box:hover{border-color:var(--border-strong)}.input-field:focus,.input:focus,.select-box:focus{border-color:var(--color-accent);background:var(--surface-hover);box-shadow:var(--focus-ring)}.input-field option,.input option,.select-box option{background:var(--color-surface);color:var(--color-text)}.select-box{width:auto}.btn,.button,.public-button,.participant-button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);min-height:2.75rem;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);text-align:center;transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;font-weight:700;line-height:1;display:inline-flex}.btn:hover:not(:disabled),.button:hover:not(:disabled),.public-button:hover:not(:disabled),.participant-button:hover:not(:disabled){transform:translateY(-.125rem)}.btn-primary,.button.primary,.public-button--primary,.participant-button.primary{color:#202124;box-shadow:var(--shadow-primary);background:#8ab4f8;border-color:#8ab4f8}.btn-primary:hover:not(:disabled),.button.primary:hover:not(:disabled),.public-button--primary:hover:not(:disabled),.participant-button.primary:hover:not(:disabled){box-shadow:var(--shadow-primary-hover)}.btn-secondary,.button.secondary,.public-button--secondary,.participant-button.secondary{border-color:var(--border-subtle);background:var(--surface-subtle);color:var(--color-text)}.btn-secondary:hover:not(:disabled),.button.secondary:hover:not(:disabled),.public-button--secondary:hover:not(:disabled),.participant-button.secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-hover)}.btn-danger{background:var(--color-danger);color:var(--color-white)}.btn-icon{width:2.75rem;min-width:2.75rem;height:2.75rem;padding:var(--space-0);border-color:var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-subtle);color:var(--color-text)}.badge{border-radius:var(--radius-full);width:fit-content;min-height:1.5rem;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border:1px solid #0000;align-items:center;font-weight:700;line-height:1;display:inline-flex}.badge-active{border-color:color-mix(in srgb, var(--color-success) 38%, transparent);background:var(--status-success-bg);color:var(--color-success)}.badge-pending{border-color:color-mix(in srgb, var(--color-warning) 38%, transparent);background:var(--status-warning-bg);color:var(--color-warning)}.badge-danger{border-color:color-mix(in srgb, var(--color-danger) 38%, transparent);background:var(--status-danger-bg);color:var(--color-danger)}.panel-banner{border:1px solid color-mix(in srgb, var(--color-accent) 38%, transparent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--status-info-bg);color:var(--color-text-subtle)}@keyframes fade-in{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(var(--space-0))}}.fade-in{animation:fade-in var(--transition-base) both}.admin-shell{color:#e8eaed;background:#202124;flex-direction:column;height:100vh;min-height:32rem;display:flex;overflow:hidden}.admin-header{min-height:4.5rem;padding:0 var(--space-6);background:#202124;border-bottom:1px solid #3c4043;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.admin-brand,.admin-header__actions{align-items:center;display:flex}.admin-brand{gap:var(--space-3);color:#f8f9fa;letter-spacing:-.025em;font-size:1.35rem;font-weight:500}.admin-brand__mark{color:#202124;background:#8ab4f8;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:1rem;font-weight:800;display:inline-grid}.admin-header__actions{gap:var(--space-5)}.admin-header__status{color:#bdc1c6;font-size:var(--text-sm)}.admin-workspace{flex:1;min-height:0;display:flex;overflow:hidden}.admin-nav{width:18rem;min-width:18rem;padding:var(--space-6) var(--space-3);background:#202124;border-right:1px solid #3c4043;overflow-y:auto}.admin-nav>div+div{margin-top:var(--space-6)}.admin-nav__group-label{margin:0 0 var(--space-2);padding-left:var(--space-4);color:#9aa0a6;letter-spacing:.09em;text-transform:uppercase;font-size:.7rem;font-weight:600}.admin-nav__group{flex-direction:column;gap:.125rem;display:flex}.admin-nav__item{align-items:center;gap:var(--space-3);border-radius:var(--radius-full);width:100%;min-height:3rem;padding:var(--space-2) var(--space-4);color:#e8eaed;font-size:var(--text-sm);text-align:left;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:0;font-weight:500;display:flex}.admin-nav__item:hover{background:#303134}.admin-nav__item--active{color:#d2e3fc;background:#004a77;font-weight:700}.admin-nav__item--active:hover{background:#005b91}.admin-nav__item--parent-active{color:#8ab4f8}.admin-nav__chevron{color:#9aa0a6;width:1rem;height:1rem;transition:transform var(--transition-fast)}.admin-nav__chevron--open{color:#8ab4f8;transform:rotate(180deg)}.admin-nav__subgroup{border-left:2px solid #3c4043;flex-direction:column;gap:.125rem;margin-top:.25rem;margin-bottom:.375rem;margin-left:1.5rem;padding-left:.75rem;display:flex}.admin-nav__subitem{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);width:100%;min-height:2.25rem;padding:var(--space-1) var(--space-3);color:#bdc1c6;font-size:var(--text-xs);text-align:left;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:0;font-weight:500;display:flex}.admin-nav__subitem:hover{color:#e8eaed;background:#303134}.admin-nav__subitem--active{color:#d2e3fc;background:#004a77;font-weight:700}.admin-nav__subitem-dot{opacity:.6;background:currentColor;border-radius:50%;width:.375rem;height:.375rem}.admin-nav__subitem--active .admin-nav__subitem-dot{opacity:1;background:#8ab4f8}.admin-nav__icon{color:#9aa0a6;flex:none;width:1.4rem;height:1.4rem}.admin-nav__item--active .admin-nav__icon{color:#d2e3fc}.admin-main{padding:clamp(var(--space-6), 4vw, var(--space-12));background:#202124;flex:1;overflow-y:auto}.admin-main>*{width:min(100%,76rem);margin-inline:auto}.admin-shell .glass-card,.admin-shell .card,.admin-shell .panel{box-shadow:none;background:#292a2d;border-color:#3c4043}.admin-shell .glass-card:hover{box-shadow:none;border-color:#5f6368;transform:none}.admin-shell h1,.admin-shell h2,.admin-shell h3,.admin-shell h4{color:#f1f3f4}.admin-shell p{color:#bdc1c6}@media (width<=43.75rem){.app-container{padding:var(--space-6) var(--space-4)}.nav-bar,.workspace-header{margin-bottom:var(--space-6);flex-direction:column;align-items:flex-start}.workspace-header__actions{justify-content:space-between;width:100%}.glass-card{padding:var(--space-5)}.admin-header{min-height:4rem;padding-inline:var(--space-4)}.admin-header__status{display:none}.admin-nav{width:4.5rem;min-width:4.5rem;padding-inline:var(--space-2)}.admin-nav__group-label,.admin-nav__item:not(.admin-nav__item--active){font-size:0}.admin-nav__item{padding-inline:var(--space-2);justify-content:center}.admin-nav__item--active{font-size:0}.admin-main{padding:var(--space-5)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
