:root{--bg-base: #050508;--surface: rgba(255, 255, 255, .035);--surface-hover: rgba(255, 255, 255, .06);--stroke: rgba(255, 255, 255, .09);--twogg-yellow: #f6e05e;--twogg-pink: #e83e8c;--twogg-cyan: #00e5ff;--twogg-purple: #9d4edd;--twogg-purple-text: #c4a3f7;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--fs-body: 16px;--fs-meta-min: 14px;--tap-target-min: 44px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--fs-sm: 14px;--fs-base: 16px;--fs-md: 18px;--fs-lg: 20px;--fs-xl: 24px;--fs-2xl: 32px;--fs-3xl: 40px;--lh-tight: 1.15;--lh-normal: 1.55;--surface-1: rgba(255, 255, 255, .03);--surface-2: rgba(255, 255, 255, .05);--surface-3: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .18);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .28);--shadow-md: 0 10px 28px rgba(0, 0, 0, .38);--shadow-lg: 0 22px 50px rgba(0, 0, 0, .5);--bp-mobile: 768px;color-scheme:dark}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}body{background-color:var(--bg-base);color:var(--text-primary);margin:0;padding:0;min-height:100vh;font-family:Outfit,sans-serif;font-weight:400;font-size:var(--fs-body);position:relative;z-index:1;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:50px 50px;display:flex;flex-direction:column}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}h1,h2,h3,h4,h5,h6,.font-heading{font-family:Anybody,sans-serif;letter-spacing:.01em}h1,h2,h3,h4{font-weight:900;margin-top:0;color:#fff;line-height:var(--lh-tight)}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-lg)}h4{font-size:var(--fs-md)}p{font-weight:300;line-height:var(--lh-normal);font-family:Outfit,sans-serif}.text-muted{color:var(--text-secondary)}.text-sm{font-size:var(--fs-sm)}.uppercase-label{text-transform:uppercase}.hidden{display:none!important;pointer-events:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:12px;z-index:100000;background:var(--twogg-yellow);color:#000;font-weight:700;padding:12px 20px;border-radius:8px;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:12px}:focus{outline:none}:focus-visible{outline:3px solid var(--twogg-yellow)!important;outline-offset:3px!important;border-radius:6px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-in{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.shake-anim{animation:shake .3s ease-in-out}.ambient-glow{position:fixed;top:-150px;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(circle,rgba(246,224,94,.025) 0%,transparent 60%);filter:blur(100px);z-index:-1;pointer-events:none}.container{max-width:1240px;margin:0 auto;padding:var(--space-7) var(--space-5) var(--space-4) var(--space-5);flex:1;width:100%;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;background:#0f0f14bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--stroke);padding:var(--space-3) var(--space-5);border-radius:var(--radius-xl);margin-bottom:var(--space-6);box-shadow:var(--shadow-md);position:sticky;top:var(--space-5);z-index:1000;gap:var(--space-4)}.header-logo-container{text-align:left;flex-shrink:0}.header-logo-container h1{font-size:24px;margin:0;color:#fff;letter-spacing:-.02em;line-height:1}.header-subtitle{font-family:Anybody,sans-serif;font-size:var(--fs-sm);color:var(--text-secondary);letter-spacing:.03em;margin-top:4px;padding-left:2px}.nav-right-group{display:flex;gap:var(--space-2);align-items:center;justify-content:flex-end}.header-profile-trigger{background:transparent;border:2px solid var(--stroke);padding:4px;border-radius:50%;cursor:pointer;transition:.2s ease;display:flex;align-items:center;justify-content:center;width:var(--tap-target-min);height:var(--tap-target-min)}.header-profile-trigger:hover{border-color:var(--twogg-cyan);transform:scale(1.05)}.header-profile-trigger img{width:34px;height:34px;border-radius:50%;object-fit:cover}.notif-badge{position:absolute;top:-5px;right:-5px;background:#ed4245;color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:2px solid var(--bg-base);font-family:Outfit,sans-serif}.welcome-hero{background:linear-gradient(135deg,#f6e05e14,#0000);border:1px solid var(--stroke);border-left:4px solid var(--twogg-yellow);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-5);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.dashboard-grid-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--space-6);align-items:start}.btn{font-family:Anybody,sans-serif;letter-spacing:.02em;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;white-space:nowrap;line-height:1}.nav-item,.status-badge,.badge-cyan,.badge-pink,.badge-purple,.badge-yellow,.dash-badge,.badge-whitelist{font-family:Anybody,sans-serif;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;white-space:nowrap;line-height:1}.btn svg,.nav-item svg,.status-badge svg,.badge-cyan svg,.badge-pink svg,.badge-purple svg,.badge-yellow svg,.dash-badge svg{display:block;flex-shrink:0;margin-top:-2px}.nav-item{cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:transparent;border:none;transition:all .15s ease;color:var(--text-secondary);font-size:var(--fs-sm);gap:6px;font-weight:700;min-height:var(--tap-target-min)}.nav-item:hover,.nav-item.active{background:var(--surface-2);color:var(--twogg-yellow)}.btn{background-color:var(--twogg-yellow);color:#000;font-weight:700;border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-sm);box-shadow:var(--shadow-sm);transition:all .15s ease;gap:var(--space-2)}.btn:hover:not(:disabled){filter:brightness(1.08);box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{background-color:var(--surface-hover)!important;color:var(--text-secondary)!important;box-shadow:none!important;transform:none!important;cursor:not-allowed}.btn-cyan{background-color:var(--twogg-cyan)!important;color:#000!important}.btn-pink{background-color:var(--twogg-pink)!important;color:#fff!important}.btn-purple{background-color:var(--twogg-purple)!important;color:#fff!important}.btn-danger-solid{background-color:#ed4245!important;color:#fff!important}.btn-danger-solid:hover:not(:disabled){background-color:#ff4f52!important}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--stroke);box-shadow:none!important}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-secondary)}.btn-outline-cyan{background-color:transparent;color:var(--twogg-cyan);border:1px solid var(--twogg-cyan);box-shadow:none!important}.btn-outline-cyan:hover:not(:disabled){background:#00e5ff1a}.btn-outline-pink{background-color:transparent;color:var(--twogg-pink);border:1px solid var(--twogg-pink);box-shadow:none!important}.btn-outline-pink:hover:not(:disabled){background:#e83e8c1a}.btn-outline-purple{background-color:transparent;color:var(--twogg-purple-text);border:1px solid var(--twogg-purple-text);box-shadow:none!important}.btn-outline-purple:hover:not(:disabled){background:#9d4edd1a}.btn-outline-danger{background-color:transparent;color:#ed4245;border:1px solid #ed4245;box-shadow:none!important}.btn-outline-danger:hover:not(:disabled){background:#ed42451a}.btn-outline-success{background-color:transparent;color:#57f287;border:1px solid #57F287;box-shadow:none!important}.btn-outline-success:hover:not(:disabled){background:#57f2871a}.btn-outline-yellow{background-color:transparent;color:var(--twogg-yellow);border:1px solid var(--twogg-yellow);box-shadow:none!important}.btn-outline-yellow:hover:not(:disabled){background:#f6e05e1a}.badge-cyan{background-color:#00e5ff1a;color:var(--twogg-cyan);padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--fs-sm);gap:6px;margin-left:var(--space-3)}.badge-pink{background-color:#e83e8c1a;color:var(--twogg-pink);padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--fs-sm);gap:6px;margin-left:var(--space-3)}.badge-purple{background-color:#9d4edd1f;color:var(--twogg-purple-text);padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--fs-sm);gap:6px;margin-left:var(--space-3)}.badge-yellow{background-color:#f6e05e1f;color:var(--twogg-yellow);padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--fs-sm);gap:6px;margin-left:var(--space-3)}.status-badge{font-size:var(--fs-sm);padding:4px 10px;border-radius:var(--radius-sm);font-weight:700;gap:6px}.dash-badge{font-size:var(--fs-sm);padding:4px 8px;border-radius:var(--radius-sm);font-weight:600}.badge-whitelist{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--fs-sm);margin-left:var(--space-3)}.form-group{margin-bottom:var(--space-5);text-align:left}.form-label{display:block;margin-bottom:var(--space-2);color:var(--text-secondary);font-size:var(--fs-sm);letter-spacing:.01em;font-family:Anybody,sans-serif;font-weight:700}.input-field{background:#ffffff08;border:1px solid var(--stroke);color:#fff;font-family:Outfit,sans-serif;font-size:var(--fs-base);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);width:100%;outline:none;transition:all .15s ease}.input-field:focus{border-color:var(--twogg-yellow);background:#ffffff0d}textarea.input-field{resize:vertical;min-height:120px}.checkbox-wrapper{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);color:var(--text-primary);cursor:pointer;min-height:var(--tap-target-min)}.checkbox-wrapper input[type=checkbox]{accent-color:var(--twogg-pink);width:24px;height:24px;cursor:pointer;flex-shrink:0}.markdown-body{line-height:1.6;word-break:break-word}.markdown-body p{margin:0 0 10px}.markdown-body ul,.markdown-body ol{margin:0 0 10px;padding-left:22px}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin:16px 0 8px}.markdown-body h1:first-child,.markdown-body h2:first-child,.markdown-body h3:first-child,.markdown-body h4:first-child{margin-top:0}.markdown-body a{color:var(--twogg-cyan)}.markdown-body code{background:#ffffff0f;padding:2px 6px;border-radius:4px;font-size:.9em}.markdown-body pre{background:#ffffff0a;padding:12px;border-radius:8px;overflow-x:auto}.markdown-body pre code{background:none;padding:0}.markdown-body blockquote{border-left:3px solid var(--twogg-purple-text);margin:0 0 10px;padding-left:12px;color:var(--text-secondary)}.markdown-body img{max-width:100%;border-radius:8px}.markdown-body table{border-collapse:collapse;width:100%;margin-bottom:10px}.markdown-body th,.markdown-body td{border:1px solid var(--stroke);padding:6px 10px;text-align:left}.glass-card{position:relative;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-5)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:var(--space-5)}.modal-overlay:not(.hidden) .clean-modal{animation:modalPop .4s cubic-bezier(.16,1,.3,1) forwards}.clean-modal{background:#0f0f13;border:1px solid var(--stroke);box-shadow:var(--shadow-lg);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:550px;max-height:90vh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--space-5);position:relative}.modal-exit-btn{position:absolute;top:12px;right:12px;width:var(--tap-target-min);height:var(--tap-target-min);border-radius:999px;border:1px solid var(--stroke);background:#ffffff0a;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2}.modal-exit-btn:hover{color:#fff;border-color:#ffffff40;background:#ffffff1a}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--stroke);padding-bottom:var(--space-4);margin-bottom:var(--space-1)}.modal-title{font-size:var(--fs-lg);margin:0;line-height:1.2;display:flex;align-items:center;gap:var(--space-2)}.modal-footer{display:flex;gap:var(--space-4);border-top:1px solid var(--stroke);padding-top:var(--space-5);margin-top:auto;flex-wrap:wrap}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.calendar-header strong{color:#fff;font-size:var(--fs-md);font-family:Anybody,sans-serif}.calendar-grid-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-family:Anybody,sans-serif;font-weight:700}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-2)}.calendar-day{background:var(--surface-1);border:1px solid var(--stroke);border-radius:var(--radius-sm);padding:var(--space-2) 2px;text-align:center;font-size:var(--fs-sm);transition:.15s;display:flex;align-items:center;justify-content:center;height:42px;font-weight:500;color:#fff;position:relative}.calendar-day.has-event:after{content:"";position:absolute;bottom:5px;width:5px;height:5px;border-radius:50%;background:var(--twogg-pink)}.calendar-day[aria-current=date]{border-color:var(--twogg-cyan);background:#00e5ff14;font-weight:700}.admin-toggle{color:var(--text-secondary);font-size:var(--fs-sm);cursor:pointer;display:inline-block;text-decoration:none;border-bottom:1px dashed var(--text-secondary);padding-bottom:2px;transition:color .2s}.admin-toggle:hover{color:#fff;border-bottom-color:#fff}.icon-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:.15s;display:flex;align-items:center;justify-content:center;min-width:var(--tap-target-min);min-height:var(--tap-target-min)}.icon-btn:hover{background:var(--surface-hover);color:#fff}.alert-box{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--fs-sm);display:flex;align-items:center;gap:var(--space-2)}.copy-pill{background:var(--surface-1);border:1px dashed var(--twogg-cyan);color:var(--twogg-cyan);padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:.15s ease;width:100%;font-family:Anybody,sans-serif;font-weight:700;font-size:var(--fs-base);letter-spacing:.06em}.copy-pill:hover{background:var(--twogg-cyan);color:#000;border-style:solid}.team-member-row{display:flex;justify-content:space-between;align-items:center;background:var(--surface-1);border:1px solid var(--stroke);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2)}.notif-item{padding:var(--space-4);border-radius:var(--radius-sm);background:var(--surface-1);margin-bottom:var(--space-2);border-left:3px solid var(--twogg-yellow);transition:all .2s}.notif-item.read{border-left-color:var(--stroke);opacity:.7}.notif-item p{margin:0;font-size:var(--fs-sm);color:var(--text-secondary)}.footer-logo{font-family:Anybody,sans-serif;font-weight:900;font-size:var(--fs-md);color:#e2e8f0}.site-footer{padding:var(--space-6) 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;opacity:.8;border-top:1px solid var(--stroke);margin-top:auto}.site-footer a{color:var(--text-secondary);text-decoration:none;font-size:var(--fs-sm);margin:0 var(--space-2);transition:color .2s ease}.site-footer a:hover{color:#fff}.footer-copy{font-size:var(--fs-sm);color:var(--text-secondary)}.toast-container{position:fixed;top:var(--space-5);left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:var(--space-2);width:90%;max-width:400px;pointer-events:none}.toast-notification{background:#141419f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--twogg-yellow);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);color:#fff;box-shadow:var(--shadow-lg);display:flex;align-items:flex-start;gap:var(--space-4);animation:toastSlideDown .4s cubic-bezier(.16,1,.3,1) forwards;pointer-events:auto}.toast-notification.hide{animation:toastFadeOut .4s ease forwards}.toast-icon{color:var(--twogg-yellow);flex-shrink:0;margin-top:2px}.toast-content h4{margin:0 0 4px;font-size:15px;font-family:Anybody,sans-serif;color:var(--twogg-yellow)}.toast-content p{margin:0;font-size:var(--fs-sm);color:var(--text-secondary);font-family:Outfit,sans-serif;line-height:1.4}@keyframes toastSlideDown{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastFadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.9)}}@media(max-width:768px){.desktop-only{display:none!important}.container{padding-top:var(--space-2)!important}.toast-container{top:calc(var(--space-3) + env(safe-area-inset-top))!important}.app-header{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);top:var(--space-2);margin-bottom:var(--space-5)}.header-logo-container h1{font-size:20px}.modal-overlay{align-items:center!important;padding:var(--space-4)!important}.clean-modal{width:100%!important;max-width:none!important;margin:auto!important;padding:var(--space-6) var(--space-4)!important}.welcome-hero{padding:var(--space-5) var(--space-4)!important;text-align:center!important}.dashboard-grid-layout{grid-template-columns:1fr!important}.site-footer{flex-direction:column!important;gap:var(--space-5)!important;text-align:center!important;margin-top:var(--space-6)!important;padding-bottom:var(--space-4)!important}.footer-links{flex-direction:column!important;gap:var(--space-4)!important}}.splash-container{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#111115,#050508);display:flex;justify-content:center;align-items:center;z-index:99999;transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility .8s,transform .8s ease-in}.splash-content{display:flex;flex-direction:column;align-items:center}.splash-logo{font-family:Anybody,sans-serif;font-weight:900;font-size:clamp(2rem,10vw,4.5rem);color:#fff;opacity:0;filter:blur(15px);transform:scale(1.1);letter-spacing:.3em;animation:cinematicReveal 1.2s cubic-bezier(.2,.8,.2,1) .2s forwards}.splash-highlight{color:transparent;position:relative;display:inline-block}.splash-highlight:before{content:".APP";position:absolute;left:0;top:0;color:var(--twogg-yellow);opacity:0;animation:neonFlicker 1.8s ease-out .8s forwards}.splash-line{width:0px;height:3px;background:var(--twogg-yellow);margin-top:5px;box-shadow:0 0 15px var(--twogg-yellow);border-radius:5px;animation:drawLine .8s cubic-bezier(.8,0,.2,1) 1.5s forwards}.splash-container.fade-out{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.1)}@keyframes cinematicReveal{to{opacity:1;filter:blur(0);transform:scale(1);letter-spacing:-.04em}}@keyframes neonFlicker{0%{opacity:0;text-shadow:0 0 0px rgba(246,224,94,0)}10%{opacity:1;text-shadow:0 0 20px rgba(246,224,94,.8)}15%{opacity:.3;text-shadow:0 0 10px rgba(246,224,94,.2)}25%{opacity:1;text-shadow:0 0 30px rgba(246,224,94,1)}30%{opacity:.1}40%{opacity:1;text-shadow:0 0 40px rgba(246,224,94,1)}to{opacity:1;text-shadow:0 0 15px rgba(246,224,94,.6)}}@keyframes drawLine{to{width:100%}}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:#fff;margin-top:1.5em;margin-bottom:.8em;font-family:Anybody,sans-serif;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.markdown-body h4{color:var(--twogg-cyan);margin-top:1.2em;font-weight:700}.markdown-body p{margin-bottom:1.2em}.markdown-body ul{padding-left:20px;margin-bottom:1.5em;list-style-type:disc}.markdown-body li{margin-bottom:8px;color:var(--text-secondary)}.markdown-body strong{color:#fff;font-weight:600}.markdown-body code{background:#ffffff0d;padding:3px 6px;border-radius:4px;font-family:monospace;color:var(--twogg-yellow);border:1px solid rgba(255,255,255,.1)}:root{color-scheme:dark}select{color-scheme:dark}select option{background-color:#111!important;color:#fff!important}.profile-header-grid{display:grid;grid-template-columns:160px 1fr;gap:var(--space-6);background:var(--surface-1);border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-5)}.profile-header-grid>*:only-child{grid-column:1 / -1}.profile-skin-showcase{background:radial-gradient(circle at center,rgba(87,242,135,.1) 0%,transparent 70%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;height:250px;border:1px dashed var(--stroke)}.social-badge-group{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.social-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:700;text-decoration:none;color:#fff;transition:transform .2s ease,filter .2s ease;min-height:var(--tap-target-min)}.social-badge:hover{transform:translateY(-3px);filter:brightness(1.2)}.social-twitch{background:#9146ff}.social-youtube{background:red}.social-twitter{background:#1da1f2}.wizard-progress{display:flex;gap:var(--space-2);margin-bottom:var(--space-5)}.wizard-dot{flex:1;height:6px;background:var(--stroke);border-radius:var(--radius-full);transition:.3s}.wizard-dot.active{background:var(--twogg-cyan)}@media(max-width:768px){.profile-header-grid{grid-template-columns:1fr;text-align:center;padding:var(--space-5)}.profile-skin-showcase{height:200px}}.card-pad-sm{padding:var(--space-4)}.card-pad-md{padding:var(--space-5)}.card-pad-lg{padding:var(--space-6)}.card-gap-none{margin-bottom:0}.card-gap-sm{margin-bottom:var(--space-2)}.card-gap-md{margin-bottom:var(--space-4)}.card-gap-lg{margin-bottom:var(--space-5)}.card-accent-top{border-top:4px solid var(--card-accent)}.card-accent-left{border-left:4px solid var(--card-accent)}.btn-sm{padding:var(--space-2) var(--space-3)!important;font-size:var(--fs-sm)!important}.btn-full{width:100%}.heading-row{display:flex;align-items:center;gap:var(--space-2)}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);flex-wrap:wrap;gap:var(--space-3)}.avatar-circle{border-radius:50%;object-fit:cover}.form-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.form-row>*{flex:1}.form-col{min-width:0}.modal-sm{max-width:450px}.modal-md{max-width:550px}.modal-lg{max-width:650px}.modal-xl{max-width:700px}.danger-zone-card{border:1px solid rgba(237,66,69,.45)}.danger-zone-card h4{color:#ed4245}.modal-footer>button{flex:1}.modal-footer>button.flex-2{flex:2}.admin-shell{width:100%;max-width:1520px;margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-7);min-height:100vh}.admin-layout{display:grid;grid-template-columns:250px 1fr;background:var(--surface-1);border:1px solid var(--stroke);border-radius:var(--radius-xl);overflow:hidden;min-height:80vh;align-items:start}.admin-sidebar{background:var(--surface-1);border-right:1px solid var(--stroke);padding:var(--space-5) var(--space-3);display:flex;flex-direction:column;align-self:stretch}.admin-sidebar-logo{font-family:Anybody,sans-serif;font-weight:900;font-size:var(--fs-md);color:#fff;padding:0 var(--space-2) var(--space-5);letter-spacing:.02em}.admin-sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.admin-sidebar-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-family:Outfit,sans-serif;font-size:var(--fs-sm);font-weight:500;text-transform:none;letter-spacing:normal;color:var(--text-secondary);cursor:pointer;border:none;border-left:2px solid transparent;background:transparent;width:100%;text-align:left;min-height:var(--tap-target-min)}.admin-sidebar-item:hover{background:var(--surface-2);color:#fff}.admin-sidebar-item.active{background:#00e5ff14;color:var(--twogg-cyan);border-left-color:var(--twogg-cyan)}.admin-sidebar-foot{border-top:1px solid var(--stroke);padding-top:var(--space-3);margin-top:var(--space-3)}.admin-sidebar-user{padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);color:var(--text-secondary);word-break:break-all}.admin-sidebar-logout{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);color:var(--twogg-pink);cursor:pointer;border-radius:var(--radius-sm);border:none;background:transparent;width:100%;text-align:left;font-family:Outfit,sans-serif;min-height:var(--tap-target-min)}.admin-sidebar-logout:hover{background:#e83e8c14}.admin-main{padding:var(--space-6) var(--space-6) var(--space-6);overflow-x:auto}.admin-main-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-5);gap:var(--space-4);flex-wrap:wrap}.admin-main-top p{font-size:var(--fs-sm);color:var(--text-secondary);margin:4px 0 0}.admin-main-top h2{font-size:var(--fs-xl);margin:0}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:var(--stroke);border:1px solid var(--stroke);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-6)}.stat-tile{background:var(--surface-1);padding:var(--space-4) var(--space-5)}.stat-tile .stat-label{font-family:Outfit,sans-serif;font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-2)}.stat-tile .stat-value{font-family:Anybody,sans-serif;font-weight:900;font-size:var(--fs-xl);color:var(--text-primary)}.data-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.data-table th{text-align:left;font-family:Outfit,sans-serif;font-weight:600;font-size:var(--fs-sm);letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);padding:0 var(--space-4) var(--space-2);border-bottom:1px solid var(--stroke)}.data-table td{padding:var(--space-4);border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.data-table tr:hover td{background:#ffffff04}.data-table tr:last-child td{border-bottom:none}.data-table .row-title{color:#fff;font-weight:500}.data-table .row-sub{color:var(--text-secondary);font-size:var(--fs-sm);margin-top:2px}.data-table .row-actions{display:flex;gap:4px;justify-content:flex-end}@media(max-width:768px){.admin-shell{padding:var(--space-4) var(--space-3) var(--space-6)}.admin-layout{grid-template-columns:1fr}.admin-sidebar{flex-direction:row;align-items:center;border-right:none;border-bottom:1px solid var(--stroke);padding:var(--space-3) var(--space-4)}.admin-sidebar-logo{padding:0 var(--space-3) 0 0}.admin-sidebar-nav{flex-direction:row;overflow-x:auto}.admin-sidebar-foot{border-top:none;margin:0;padding:0 0 0 var(--space-3)}.admin-sidebar-user{display:none}.admin-main{padding:var(--space-4)}.data-table{font-size:var(--fs-sm)}}.icon-btn{position:relative}.icon-btn-danger:hover{background:#ed42451f;color:#ed4245}.notif-container{position:relative;display:inline-flex}.notif-panel{position:absolute;top:calc(100% + var(--space-3));right:0;width:320px;max-height:420px;overflow-y:auto;background:#0f0f13;border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-lg);z-index:200}.notif-panel-header{display:flex;justify-content:space-between;align-items:center;font-family:Anybody,sans-serif;font-size:var(--fs-sm);letter-spacing:.02em;color:var(--text-secondary);padding-bottom:var(--space-2);border-bottom:1px solid var(--stroke);margin-bottom:var(--space-2)}.mobile-bottom-nav{display:none}@media(max-width:768px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;width:100%;z-index:9999;background:#0a0a0df7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--stroke);padding:var(--space-2) 0 calc(var(--space-2) + env(safe-area-inset-bottom))}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-secondary);font-size:11px;font-family:Anybody,sans-serif;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;padding:var(--space-2) 0;min-height:var(--tap-target-min)}.mobile-nav-item.active{color:var(--twogg-yellow)}.notif-panel{position:fixed;top:70px;right:12px;left:12px;width:auto}}.lucide-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-nav{display:flex;gap:var(--space-1);flex:1;justify-content:center}.header-nav a{text-decoration:none}.header-nav a.active{background:var(--surface-2);color:var(--twogg-yellow)}#root{min-height:100vh;display:flex;flex-direction:column;width:100%}