@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.left-1\/2{left:50%}.z-20{z-index:20}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-\[1px\]{height:1px}.min-h-screen{min-height:100vh}.w-3\/4{width:75%}.w-full{width:100%}.max-w-\[140px\]{max-width:140px}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.cursor-not-allowed{cursor:not-allowed}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-t-transparent{border-top-color:#0000}.bg-\[\#0f1629\]\/80{background-color:#0f1629cc}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.capitalize{text-transform:capitalize}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-\[0_0_20px_rgba\(37\,99\,235\,0\.4\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#2563eb66);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_40px_rgba\(59\,130\,246\,0\.15\)\]{--tw-shadow:0 0 40px var(--tw-shadow-color,#3b82f626);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media(hover:hover){.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:ring-offset-\[\#0a0e1a\]:focus{--tw-ring-offset-color:#0a0e1a}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-60:disabled{opacity:.6}*,:before,:after{box-sizing:border-box}html,body{color-scheme:dark;height:100%;margin:0;padding:0}:root{--theme-bg-page:#0a0e1a;--theme-bg-surface:#ffffff0a;--theme-bg-muted:#ffffff14;--theme-text-primary:#f1f5f9;--theme-text-secondary:#94a3b8;--theme-text-muted:#64748b;--theme-text-inverse:#fff;--theme-border-default:#ffffff14;--theme-border-strong:#ffffff26;--theme-brand-primary:#3b82f6;--theme-danger:#ef4444;--theme-radius-sm:6px;--theme-radius-md:10px;--theme-radius-lg:16px;--theme-transition-fast:.15s ease}body{background-color:var(--theme-bg-page);color:var(--theme-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.hidden{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-page{min-height:100vh}.app-container{max-width:1100px;margin:0 auto;padding:64px 24px}.app-section{margin-top:3.5rem}::-moz-selection{background-color:#00000026}::selection{background-color:#00000026}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.btn{cursor:pointer;transition:all var(--theme-transition-fast);border:1px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;background-color:#2563eb;box-shadow:0 4px 14px #2563eb63}.btn-primary:hover{background-color:#3b82f6;transform:translateY(-1px)}.btn-secondary{color:#fff;background-color:#ffffff0d;border-color:#ffffff1a}.btn-secondary:hover{background-color:#ffffff1a;border-color:#fff3}.btn-danger{color:#f87171;background-color:#ef44441a;border-color:#ef444433}.btn-danger:hover{background-color:#ef444433}.btn-ghost{color:#ffffffb3;background-color:#0000}.btn-ghost:hover{color:#fff;background-color:#ffffff0d}.link{color:var(--theme-brand-primary);text-decoration:none}.link:hover{text-decoration:underline}.card{background-color:var(--theme-bg-surface);border:1px solid var(--theme-border-default);border-radius:var(--theme-radius-lg);box-shadow:var(--theme-shadow-md);color:var(--theme-text-primary);padding:1.5rem}.admin-link{transition:all var(--theme-transition-fast);color:var(--theme-text-primary);border:1px solid #ffffff1a;border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:block}.admin-link:hover{background-color:#ffffff0d;border-color:#ffffff26}.logout-btn{color:var(--theme-text-muted);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:.875rem}.logout-btn:hover{color:var(--theme-danger)}.card-header{margin-bottom:.75rem;font-weight:600}.card-muted{color:var(--theme-text-muted)}.input,.select,.textarea{color:#fff;width:100%;transition:all var(--theme-transition-fast);background-color:#0f162980;border:1px solid #ffffff1a;border-radius:.75rem;padding:.625rem 1rem;font-size:.875rem}.select{text-align:left;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.input:hover,.select:hover,.textarea:hover{border-color:#fff3}.input:focus,.select:focus,.textarea:focus{border-color:#3b82f680;outline:none;box-shadow:0 0 0 2px #3b82f640}.dropdown-menu{box-shadow:var(--theme-shadow-lg);z-index:50;background-color:#0f1629;border:1px solid #ffffff1a;border-radius:.75rem}.dropdown-item{cursor:pointer;color:var(--theme-text-secondary);transition:all var(--theme-transition-fast);justify-content:space-between;align-items:center;padding:.625rem 1rem;font-size:.875rem;display:flex}.dropdown-item:hover{color:#fff;background-color:#ffffff1a}.dropdown-item.active{color:#60a5fa;background-color:#3b82f633;font-weight:500}.input:-webkit-autofill{-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--theme-text-primary)!important;-webkit-box-shadow:inset 0 0 0 30px #0a0e1a!important}.input:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--theme-text-primary)!important;-webkit-box-shadow:inset 0 0 0 30px #0a0e1a!important}.input:-webkit-autofill:focus{-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--theme-text-primary)!important;-webkit-box-shadow:inset 0 0 0 30px #0a0e1a!important}.input:-webkit-autofill:active{-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--theme-text-primary)!important;-webkit-box-shadow:inset 0 0 0 30px #0a0e1a!important}.select:-webkit-autofill{-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--theme-text-primary)!important;-webkit-box-shadow:inset 0 0 0 30px #0a0e1a!important}.select:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--theme-text-primary)!important;-webkit-box-shadow:inset 0 0 0 30px #0a0e1a!important}.select:-webkit-autofill:focus{-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--theme-text-primary)!important;-webkit-box-shadow:inset 0 0 0 30px #0a0e1a!important}.select:-webkit-autofill:active{-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--theme-text-primary)!important;-webkit-box-shadow:inset 0 0 0 30px #0a0e1a!important}.textarea:-webkit-autofill{-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--theme-text-primary)!important;-webkit-box-shadow:inset 0 0 0 30px #0a0e1a!important}.textarea:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--theme-text-primary)!important;-webkit-box-shadow:inset 0 0 0 30px #0a0e1a!important}.textarea:-webkit-autofill:focus{-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--theme-text-primary)!important;-webkit-box-shadow:inset 0 0 0 30px #0a0e1a!important}.textarea:-webkit-autofill:active{-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--theme-text-primary)!important;-webkit-box-shadow:inset 0 0 0 30px #0a0e1a!important}.badge{background-color:var(--theme-bg-muted);color:var(--theme-text-primary);border-radius:9999px;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{color:#10b981;background-color:#10b98126}.badge-warning{color:#f59e0b;background-color:#f59e0b26}.badge-danger{color:#ef4444;background-color:#ef444426}.alert{border-radius:var(--theme-radius-md);border:1px solid;padding:1rem 1.25rem;font-size:.875rem}.alert-info{color:#60a5fa;background-color:#3b82f61a;border-color:#3b82f633}.alert-warning{color:#fbbf24;background-color:#f59e0b1a;border-color:#f59e0b33}.alert-danger{color:#f87171;background-color:#ef44441a;border-color:#ef444433}header,main,section,footer{border:none;margin:0;padding:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}.site-header{background:var(--theme-bg-surface);border-bottom:1px solid var(--theme-border-default)}.site-header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:16px 24px;display:flex}.site-logo{color:var(--theme-text-primary);align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;display:inline-flex}.site-logo img{width:auto;height:28px;display:block}.site-logo span{line-height:1}.site-nav{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.site-nav a{color:var(--theme-text-secondary);font-size:.875rem}.site-nav a:hover{color:var(--theme-text-primary)}.nav-dropdown{display:inline-block;position:relative}.nav-item{color:var(--theme-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:.875rem;transition:all .15s}.nav-item:hover{background:var(--theme-bg-muted);color:var(--theme-text-primary)}.dropdown-menu{background:var(--theme-bg-surface);border:1px solid var(--theme-border-default);min-width:180px;box-shadow:var(--theme-shadow-lg);z-index:100;opacity:1;border-radius:8px;margin-top:4px;padding:6px 0;transition:all .15s;position:absolute;top:100%;left:0;transform:translateY(0)}.dropdown-menu a{color:var(--theme-text-secondary);padding:10px 14px;font-size:.875rem;display:block}.dropdown-menu a:hover{background:var(--theme-bg-muted);color:var(--theme-text-primary)}.nav-dropdown:after{content:"";width:100%;height:10px;position:absolute;top:100%;left:0}@media(max-width:640px){.site-header-inner{flex-direction:column;align-items:flex-start}.site-nav{justify-content:flex-start;gap:12px;width:100%}}.site-footer{border-top:1px solid var(--theme-border-default);background:var(--theme-bg-surface)}.site-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:24px;display:flex}.footer-copy{color:var(--theme-text-muted);font-size:.875rem}.footer-links{flex-wrap:wrap;gap:20px;display:flex}.footer-links a{color:var(--theme-text-muted);font-size:.875rem}.footer-links a:hover{color:var(--theme-text-primary)}@media(max-width:640px){.site-footer-inner{flex-direction:column;align-items:flex-start}}.admin-table table{border-collapse:separate;border-spacing:0;width:100%}.admin-table thead th{border-bottom:1px solid var(--theme-border-default);text-align:left;vertical-align:middle;white-space:nowrap;background-color:#ffffff05}.admin-table tbody tr{background-color:var(--theme-bg-surface)}.admin-table tbody tr+tr td{border-top:1px solid var(--theme-border-default)}.admin-table td,.admin-table th{vertical-align:top;padding:.75rem 1rem}.admin-table tbody tr:hover{background-color:#ffffff05}.modal-overlay{z-index:2147483647;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-panel{background-color:var(--theme-bg-surface);width:100%;max-width:42rem;max-height:90vh;color:var(--theme-text-primary);border-radius:var(--theme-radius-lg);box-shadow:var(--theme-shadow-lg);outline:none;flex-direction:column;display:flex}.modal-header{border-bottom:1px solid var(--theme-border-default);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-body{flex:1;padding:1.25rem 1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--theme-border-default);background-color:var(--theme-bg-muted);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.sidebar{background-color:var(--theme-bg-surface);border-right:1px solid var(--theme-border-default);flex-direction:column;flex-shrink:0;width:16rem;min-width:16rem;height:100vh;transition:width .2s;display:flex}.sidebar-header{border-bottom:1px solid var(--theme-border-default);justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-weight:600;display:flex}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto}.sidebar-item{border-radius:var(--theme-radius-md);color:var(--theme-text-secondary);transition:background-color var(--theme-transition-fast),color var(--theme-transition-fast);align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.625rem .875rem;font-size:.875rem;text-decoration:none;display:flex}.sidebar-item:hover{background-color:var(--theme-bg-muted);color:var(--theme-text-primary)}.sidebar-item.active{background-color:var(--theme-brand-primary);color:var(--theme-text-inverse)}.sidebar-footer{border-top:1px solid var(--theme-border-default);padding:1rem}.logout-btn{text-align:left;color:#f87171;width:100%;transition:all var(--theme-transition-fast);cursor:pointer;background-color:#0000;border:none;border-radius:.5rem;justify-content:flex-start;align-items:center;padding:.625rem .875rem;font-weight:500;display:flex}.logout-btn:hover{background-color:#ef44441a}.sidebar-icon{opacity:.7;flex-shrink:0;width:1.25rem;height:1.25rem}.sidebar-item:hover .sidebar-icon,.sidebar-item.active .sidebar-icon{opacity:1}.sidebar--collapsed{width:3.75rem;min-width:3.75rem}.sidebar--collapsed .sidebar-header{justify-content:center;padding:1rem 0}.sidebar--collapsed .sidebar-item,.sidebar--collapsed .logout-btn{justify-content:center;padding-left:0;padding-right:0}.sidebar--collapsed .logout-btn .mr-3{margin-right:0}.sidebar-toggle{cursor:pointer;color:var(--theme-text-secondary);background:0 0;border:none;padding:.25rem;font-size:1.1rem}.sidebar-toggle:hover{color:var(--theme-text-primary)}.app-layout{background-color:var(--theme-bg-page);width:100%;height:100vh;display:flex}.app-layout-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.app-layout-header{background-color:var(--theme-bg-surface);border-bottom:1px solid var(--theme-border-default);padding:1rem 1.5rem;font-size:.875rem;font-weight:500}.app-layout-content{flex:1;padding:1.5rem;overflow-y:auto}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.chatyplayer-page{background:var(--landing-dark, #0a0e1a);color:#e2e8f0;font-family:system-ui,-apple-system,sans-serif}.chatyplayer-page .container{max-width:1100px;margin:0 auto;padding:0 20px}.chatyplayer-page .center{text-align:center}.chatyplayer-page .hero{padding:120px 20px 80px;background:linear-gradient(to bottom,#0a0e1a,#0f1629);position:relative;overflow:hidden}.chatyplayer-page .hero:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.12),transparent 70%);top:-20%;left:50%;transform:translate(-50%);pointer-events:none}.chatyplayer-page .hero h1{font-size:56px;font-weight:800;margin-bottom:16px;letter-spacing:-.02em;color:#f1f5f9;position:relative}.chatyplayer-page .hero p{font-size:18px;color:#94a3b8;max-width:600px;margin:0 auto;position:relative}.chatyplayer-page .cta-row{display:flex;gap:12px;justify-content:center;margin-top:2rem;flex-wrap:wrap;position:relative}.chatyplayer-page .demo{padding:60px 0 100px;background:#0f1629}.chatyplayer-page .demo h2{color:#f1f5f9}.chatyplayer-page .demo p{color:#94a3b8;margin-bottom:2rem}.chatyplayer-page .player-card{background:#ffffff08;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 70px #0006}.chatyplayer-page .chaty-player{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden;position:relative}.chatyplayer-page .chaty-player video{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain}.chatyplayer-page h2{font-size:32px;font-weight:700;margin-bottom:30px;color:#f1f5f9}.chatyplayer-page .positioning{padding:80px 20px;background:var(--landing-dark, #0a0e1a)}.chatyplayer-page .positioning p{color:#94a3b8;max-width:600px;margin:0 auto}.chatyplayer-page .btn{display:inline-block;padding:12px 24px;border-radius:10px;font-weight:600;text-decoration:none;transition:all .25s ease;font-size:.95rem}.chatyplayer-page .btn.primary{background:linear-gradient(135deg,var(--accent-blue, #3b82f6),var(--accent-violet, #8b5cf6));color:#fff;box-shadow:0 4px 20px #3b82f64d}.chatyplayer-page .btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3b82f673}.chatyplayer-page .btn.secondary{background:#ffffff0f;color:#e2e8f0;border:1px solid rgba(255,255,255,.12)}.chatyplayer-page .btn.secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.chatyplayer-page .features{padding:100px 20px;background:#0f1629}.chatyplayer-page .feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:40px}.chatyplayer-page .feature-card{background:#ffffff08;padding:24px;border-radius:14px;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.chatyplayer-page .feature-card:hover{transform:translateY(-4px);border-color:#ffffff24;box-shadow:0 15px 40px #0000004d}.chatyplayer-page .feature-card h3{font-size:18px;margin-bottom:8px;color:#f1f5f9}.chatyplayer-page .feature-card p{font-size:14px;color:#94a3b8}.chatyplayer-page .install,.chatyplayer-page .usage{padding:100px 20px}.chatyplayer-page .install{background:var(--landing-dark, #0a0e1a)}.chatyplayer-page .install h2{color:#f1f5f9}.chatyplayer-page .usage{background:#0f1629}.chatyplayer-page .code-block{background:#020617cc;color:#4ade80;padding:24px;border-radius:14px;font-size:14px;overflow-x:auto;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 30px #0006;text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chatyplayer-page .note{margin-top:10px;color:#64748b}.chatyplayer-page .api{padding:80px 20px;background:#0f1629}.chatyplayer-page .cta{padding:80px 20px;background:var(--landing-dark, #0a0e1a);font-size:18px;color:#94a3b8;position:relative;overflow:hidden}.chatyplayer-page .cta h2{margin-bottom:1.5rem}.chatyplayer-page .architecture ul,.chatyplayer-page .shortcuts ul{list-style:none;padding:0;margin:0 auto;max-width:500px}.chatyplayer-page .architecture li,.chatyplayer-page .shortcuts li{margin:8px 0;text-align:center;color:#94a3b8;font-size:15px}.chatyplayer-page .architecture li:before,.chatyplayer-page .shortcuts li:before{content:"• ";color:var(--accent-blue, #3b82f6);margin-right:6px}.chatyplayer-page section{border-bottom:1px solid rgba(255,255,255,.06)}@media(max-width:768px){.chatyplayer-page .hero h1{font-size:36px}.chatyplayer-page h2{font-size:24px}.chatyplayer-page .hero{padding:80px 20px 60px}}:root{--theme-brand-primary: #3b82f6;--theme-brand-secondary: #60a5fa;--theme-bg-page: #0a0e1a;--theme-bg-surface: rgba(255, 255, 255, .04);--theme-bg-muted: rgba(255, 255, 255, .08);--theme-text-primary: #f8fafc;--theme-text-secondary: #94a3b8;--theme-text-muted: #64748b;--theme-text-inverse: #ffffff;--theme-border-default: rgba(255, 255, 255, .08);--theme-border-strong: rgba(255, 255, 255, .15);--theme-success: #10b981;--theme-warning: #f59e0b;--theme-danger: #f43f5e;--theme-info: #06b6d4;--theme-focus-ring: rgba(0, 0, 0, .3);--theme-radius-sm: 4px;--theme-radius-md: 6px;--theme-radius-lg: 8px;--theme-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--theme-shadow-md: 0 4px 6px rgba(0, 0, 0, .08);--theme-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--theme-transition-fast: .15s ease;--theme-transition-base: .2s ease}.theme-bg{background-color:var(--theme-bg-page)}.theme-surface{background-color:var(--theme-bg-surface)}.theme-muted{background-color:var(--theme-bg-muted)}.theme-text-primary{color:var(--theme-text-primary)}.theme-text-secondary{color:var(--theme-text-secondary)}.theme-text-muted{color:var(--theme-text-muted)}.theme-border{border-color:var(--theme-border-default)}.theme-shadow{box-shadow:var(--theme-shadow-sm)}:root{--accent-blue: #3b82f6;--accent-emerald: #10b981;--accent-violet: #8b5cf6;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-cyan: #06b6d4;--landing-dark: #0a0e1a;--landing-dark-card: rgba(255,255,255,.04);--landing-dark-border: rgba(255,255,255,.08)}.landing-animate{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.landing-animate--visible{opacity:1;transform:translateY(0)}.landing-page{background:var(--landing-dark);color:#e2e8f0;overflow-x:hidden}.landing-section{padding:6rem 1.5rem;position:relative;background:#0f1629}.landing-section--dark{background:var(--landing-dark)}.landing-container{max-width:1140px;margin:0 auto}.text-center{text-align:center}.landing-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2;color:#f1f5f9;margin-bottom:.5rem;letter-spacing:-.02em}.landing-subtitle{font-size:1.05rem;color:#94a3b8;max-width:620px;margin:.75rem auto 0;line-height:1.65}.text-gradient{background:linear-gradient(135deg,var(--accent-blue),var(--accent-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-section{position:relative;min-height:92vh;display:flex;align-items:center;justify-content:center;padding:6rem 1.5rem 4rem;background:var(--landing-dark);overflow:hidden}.hero-bg-orbs{position:absolute;inset:0;pointer-events:none}.hero-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.35;animation:orbFloat 12s ease-in-out infinite alternate}.hero-orb--1{width:500px;height:500px;background:var(--accent-blue);top:-10%;left:-8%;animation-delay:0s}.hero-orb--2{width:400px;height:400px;background:var(--accent-violet);bottom:-5%;right:-5%;animation-delay:-4s}.hero-orb--3{width:300px;height:300px;background:var(--accent-emerald);top:40%;left:55%;animation-delay:-8s}@keyframes orbFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.08)}to{transform:translate(-20px,15px) scale(.95)}}.hero-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.hero-content{position:relative;z-index:2;text-align:center;max-width:780px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:100px;background:#3b82f61f;border:1px solid rgba(59,130,246,.25);font-size:.8rem;font-weight:500;color:var(--accent-blue);margin-bottom:2rem}.hero-badge-dot{width:6px;height:6px;background:var(--accent-blue);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.hero-title{font-size:clamp(2.25rem,6vw,3.75rem);font-weight:800;line-height:1.1;color:#f8fafc;letter-spacing:-.03em;margin-bottom:1.5rem}.hero-title-gradient{background:linear-gradient(135deg,var(--accent-blue),var(--accent-violet),var(--accent-emerald));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.15rem;color:#94a3b8;max-width:580px;margin:0 auto 2.5rem;line-height:1.7}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.hero-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s ease;border:none;text-decoration:none}.hero-btn--primary{background:linear-gradient(135deg,var(--accent-blue),var(--accent-violet));color:#fff;box-shadow:0 4px 20px #3b82f659}.hero-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3b82f673}.hero-btn--outline{background:#ffffff0f;color:#e2e8f0;border:1px solid rgba(255,255,255,.12)}.hero-btn--outline:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.hero-stat{text-align:center}.hero-stat-value{display:block;font-size:1.35rem;font-weight:700;color:#f1f5f9}.hero-stat-label{display:block;font-size:.8rem;color:#64748b;margin-top:2px;text-transform:uppercase;letter-spacing:.06em}.hero-stat-divider{width:1px;height:36px;background:#ffffff1a}.problem-section{text-align:center;max-width:700px;margin:0 auto}.problem-icon-wrap{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;background:#f43f5e1f;color:var(--accent-rose)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:3rem}.why-card{background:var(--landing-dark-card);border:1px solid var(--landing-dark-border);border-radius:16px;padding:28px 24px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.why-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent, var(--accent-blue));opacity:0;transition:opacity .3s ease}.why-card:hover{transform:translateY(-6px);border-color:#ffffff24;box-shadow:0 20px 40px #0000004d}.why-card:hover:before{opacity:1}.why-card-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;background:#ffffff0d;color:var(--card-accent, var(--accent-blue))}.why-card-title{font-size:1.1rem;font-weight:600;color:#f1f5f9;margin-bottom:8px}.why-card-text{font-size:.9rem;color:#94a3b8;line-height:1.55}@media(max-width:768px){.why-grid{grid-template-columns:1fr}}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:3rem}.feature-card{background:#ffffff08;border:1px solid var(--landing-dark-border);border-radius:14px;padding:24px 22px;transition:all .3s ease}.feature-card:hover{background:#ffffff0f;transform:translateY(-4px);box-shadow:0 16px 32px #00000040}.feature-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;background:#ffffff0d}.feature-card-title{font-size:1rem;font-weight:600;color:#f1f5f9;margin-bottom:6px}.feature-card-desc{font-size:.875rem;color:#94a3b8;line-height:1.55}@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.feature-grid{grid-template-columns:1fr}}.screenshot-carousel{max-width:960px;margin:3rem auto 0;position:relative}.screenshot-frame{position:relative;border-radius:16px;overflow:hidden;background:#111827;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 60px #00000080,0 0 0 1px #ffffff0d}.screenshot-chrome{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.screenshot-chrome-dots{display:flex;gap:6px}.chrome-dot{width:10px;height:10px;border-radius:50%}.chrome-dot--red{background:#ef4444}.chrome-dot--yellow{background:#f59e0b}.chrome-dot--green{background:#22c55e}.screenshot-chrome-title{font-size:.78rem;color:#64748b;font-weight:500}.screenshot-stage{height:400px;display:flex;align-items:center;justify-content:center;padding:16px;position:relative}.screenshot-image{position:absolute;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;transition:opacity .6s ease,transform .6s ease;opacity:0;transform:scale(.97)}.screenshot-image.active{opacity:1;transform:scale(1)}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#0f1629cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;color:#e2e8f0;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:5}.carousel-arrow:hover{background:#3b82f640;border-color:var(--accent-blue)}.carousel-arrow.left{left:12px}.carousel-arrow.right{right:12px}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.carousel-dot{height:6px;width:6px;border-radius:100px;background:#fff3;border:none;cursor:pointer;transition:all .3s ease}.carousel-dot.active{width:28px;background:var(--accent-blue)}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:3rem}.audience-card{background:var(--landing-dark-card);border:1px solid var(--landing-dark-border);border-radius:14px;padding:24px 20px;text-align:center;transition:all .3s ease}.audience-card:hover{transform:translateY(-4px);border-color:#ffffff24;box-shadow:0 12px 30px #0000004d}.audience-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;background:#3b82f61a;color:var(--accent-blue)}.audience-card-title{font-size:.95rem;font-weight:600;color:#f1f5f9;margin-bottom:6px}.audience-card-desc{font-size:.82rem;color:#94a3b8;line-height:1.5}@media(max-width:900px){.audience-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.audience-grid{grid-template-columns:1fr}}.trust-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:3rem}.trust-badge-item{display:flex;align-items:center;gap:10px;padding:10px 20px;border-radius:100px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-size:.88rem;color:#cbd5e1;transition:all .25s ease}.trust-badge-item:hover{background:#ffffff12;border-color:#10b9814d}.trust-badge-check{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#10b98126;color:var(--accent-emerald);flex-shrink:0}.cta-section{position:relative;padding:7rem 1.5rem;text-align:center;background:var(--landing-dark);overflow:hidden}.cta-bg-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.15),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.cta-content{position:relative;z-index:2}.cta-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:#f1f5f9;margin-bottom:1rem;letter-spacing:-.02em}.cta-subtitle{font-size:1.05rem;color:#94a3b8;max-width:560px;margin:0 auto 2.5rem;line-height:1.65}.cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}@media(max-width:640px){.hero-section{min-height:80vh;padding:4rem 1rem 3rem}.hero-stats{gap:1.25rem}.hero-stat-divider{height:24px}.landing-section{padding:4rem 1rem}.cta-section{padding:5rem 1rem}.screenshot-stage{height:240px}}.pub-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:all .35s ease}.pub-header--scrolled{background:#0a0e1ad9;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.06)}.pub-header-inner{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.pub-logo{display:inline-flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:#f1f5f9;text-decoration:none}.pub-logo img{height:28px;width:auto;display:block;border-radius:6px}.pub-nav{display:flex;align-items:center;gap:6px}.pub-nav-link{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border-radius:8px;font-size:.875rem;font-weight:500;color:#94a3b8;background:transparent;border:none;cursor:pointer;text-decoration:none;transition:all .2s ease}.pub-nav-link:hover{color:#f1f5f9;background:#ffffff0f}.pub-nav-btn{display:inline-flex;align-items:center;padding:8px 20px;border-radius:8px;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent-blue),var(--accent-violet));text-decoration:none;transition:all .25s ease;margin-left:8px}.pub-nav-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #3b82f64d}.pub-dropdown{position:absolute;top:100%;left:0;margin-top:8px;background:#0f1629f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:240px;padding:8px;box-shadow:0 16px 48px #0006;z-index:100}.pub-dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;text-decoration:none;transition:background .2s ease}.pub-dropdown-item:hover{background:#ffffff0f}.pub-dropdown-icon{font-size:1.1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff0f}.pub-dropdown-label{font-size:.875rem;font-weight:600;color:#f1f5f9}.pub-dropdown-hint{font-size:.75rem;color:#64748b;margin-top:1px}.pub-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}.hamburger-line{display:block;width:22px;height:2px;background:#e2e8f0;border-radius:2px;transition:all .3s ease}.hamburger-line.open:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.pub-hamburger{display:flex}.pub-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0a0e1af7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:16px;border-bottom:1px solid rgba(255,255,255,.06);gap:4px}.pub-nav--open{display:flex}.pub-nav-link{width:100%;justify-content:flex-start}.pub-nav-btn{width:100%;justify-content:center;margin-left:0;margin-top:8px}.pub-dropdown{position:static;margin-top:4px;min-width:100%}}.pub-footer{background:#060a14;border-top:1px solid rgba(255,255,255,.06)}.pub-footer-inner{max-width:1200px;margin:0 auto;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.pub-footer-brand{display:flex;align-items:center;gap:10px;font-size:.82rem;color:#64748b}.pub-footer-brand img{height:20px;width:auto;display:block;border-radius:4px;opacity:.7}.pub-footer-links{display:flex;gap:20px;flex-wrap:wrap}.pub-footer-links a{font-size:.82rem;color:#64748b;text-decoration:none;transition:color .2s ease}.pub-footer-links a:hover{color:#94a3b8}@media(max-width:640px){.pub-footer-inner{flex-direction:column;align-items:flex-start}}.public-layout{background:var(--landing-dark);color:#e2e8f0;padding-top:60px}.public-layout .app-page{background:transparent;color:#e2e8f0}.public-layout .app-container{color:#e2e8f0}.public-layout .card{position:relative;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#e2e8f0;padding:2rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff08 inset;transition:all .35s ease;overflow:hidden}.public-layout .card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-violet),var(--accent-emerald));opacity:.6;transition:opacity .35s ease}.public-layout .card:hover{border-color:#ffffff24;transform:translateY(-2px);box-shadow:0 16px 48px #0006,0 0 0 1px #ffffff0f inset}.public-layout .card:hover:before{opacity:1}.public-layout .card-header{color:#f1f5f9;font-size:1.1rem}.public-layout .card-muted{color:#94a3b8}.public-layout h1,.public-layout h2,.public-layout h3,.public-layout h4{color:#f1f5f9}.public-layout p{color:#cbd5e1}.public-layout .text-muted,.public-layout .theme-text-muted{color:#94a3b8!important}.public-layout strong{color:#f1f5f9}.public-layout li{color:#cbd5e1}.public-layout .input,.public-layout .select,.public-layout .textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#e2e8f0;padding:.7rem .875rem;font-size:.9rem;transition:all .2s ease}.public-layout .input:focus,.public-layout .select:focus,.public-layout .textarea:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px #3b82f626;background:#ffffff12}.public-layout .input::-moz-placeholder,.public-layout .textarea::-moz-placeholder{color:#475569}.public-layout .input::placeholder,.public-layout .textarea::placeholder{color:#475569}.public-layout .btn-primary{background:linear-gradient(135deg,var(--accent-blue),var(--accent-violet));color:#fff;border:none;border-radius:10px;padding:.7rem 1.5rem;font-weight:600;font-size:.9rem;cursor:pointer;box-shadow:0 4px 20px #3b82f64d;transition:all .25s ease}.public-layout .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #3b82f673;opacity:1}.public-layout .btn-secondary{background:#ffffff0f;color:#e2e8f0;border-color:#ffffff1f}.public-layout .btn-secondary:hover{background:#ffffff1a}.public-layout .link{color:var(--accent-blue)}.public-layout .link:hover{color:#60a5fa}.public-layout div[style*=monospace],.public-layout pre{background:#ffffff0a!important;border-color:#ffffff14!important;color:#a5f3fc!important}.public-layout div[style*="#f3f4f6"],.public-layout div[style*="#f9fafb"]{background:#ffffff0a!important;border-color:#ffffff14!important;color:#cbd5e1!important}.public-layout .alert{background:#ffffff0a;border-color:#ffffff1a}.public-layout .alert-danger{background:#f43f5e1a;border-color:#f43f5e40;color:#fda4af}.public-layout .badge{background:#ffffff14;color:#cbd5e1}.public-layout .badge-success{background:#10b98126;color:#6ee7b7}.public-layout div[style*="var(--theme-bg-page)"]{background:#ffffff0a!important;border-color:#ffffff14!important;color:#cbd5e1!important}.public-layout div[style*="var(--theme-border-default)"]{border-color:#ffffff14!important}.public-layout .app-section{margin-top:2.5rem}.public-layout ::-webkit-scrollbar-thumb{background-color:#ffffff26}.public-layout ::-moz-selection{background-color:#3b82f64d;color:#fff}.public-layout ::selection{background-color:#3b82f64d;color:#fff}.dl-code{background:#02061799;color:#4ade80;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.8rem;padding:.75rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.06);margin-top:.5rem;overflow-x:auto;word-break:break-all}.dl-info-box{margin-top:1.25rem;padding:1rem 1.25rem;border-radius:10px;background:#3b82f60f;border:1px solid rgba(59,130,246,.15);color:#94a3b8;font-size:.825rem;line-height:1.6}.dl-list{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column;gap:.4rem}.dl-list li{position:relative;padding-left:1.25rem;font-size:.875rem;color:#cbd5e1}.dl-list li:before{content:"";position:absolute;left:0;top:.55rem;width:6px;height:6px;border-radius:50%;background:var(--accent-emerald)}.dl-hint{margin-top:.75rem;font-size:.8rem;color:#64748b}.dl-faq{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.dl-faq-item{padding:1rem 1.25rem;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);transition:border-color .2s ease}.dl-faq-item:hover{border-color:#ffffff1f}.dl-faq-q{font-weight:600;color:#f1f5f9!important;font-size:.9rem;margin-bottom:.35rem}.dl-faq-a{color:#94a3b8!important;font-size:.85rem;line-height:1.6}.public-layout .chatyplayer-page{padding-top:0}.plan-select{display:inline-block;width:auto;min-width:120px;max-width:180px;padding:.5rem 2.25rem .5rem 1rem;font-size:.85rem;font-weight:500;text-align:center;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#e2e8f0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 5.646a.5.5 0 0 1 .708 0L8 8.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.plan-select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f626}.plan-select option{background:#0f1629;color:#e2e8f0;padding:.5rem}.plan-duration-group{display:inline-flex;gap:4px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:4px}.plan-duration-btn{min-width:96px;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;background:transparent;color:#94a3b8}.plan-duration-btn:hover{color:#e2e8f0;background:#ffffff0f}.plan-duration-btn--active{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.plan-card--highlighted{border-color:var(--accent-blue)!important;box-shadow:0 8px 32px #3b82f626,0 0 0 1px #3b82f633 inset!important}.plan-feature-dot{display:inline-block;margin-top:.35rem;height:8px;width:8px;border-radius:50%;background:var(--accent-emerald);flex-shrink:0}.public-layout .text-orange-600{color:var(--accent-amber)!important}.public-layout .text-danger{color:var(--accent-rose)!important}.public-layout .bg-black{background:linear-gradient(135deg,var(--accent-blue),var(--accent-violet))!important}.public-layout .bg-white{background:#ffffff0f!important}.public-layout .text-gray-900{color:#e2e8f0!important}.public-layout .border-gray-300{border-color:#ffffff1f!important}.public-layout .hover\:bg-gray-800:hover{background:linear-gradient(135deg,#2563eb,#7c3aed)!important}.public-layout .hover\:bg-gray-100:hover{background:#ffffff1a!important}.public-layout .focus\:ring-black{--tw-ring-color: rgba(59,130,246,.4) !important}.public-layout select option{background:#0f1629;color:#e2e8f0}.public-layout .bg-gray-100{background:#ffffff0a!important}.public-layout .border-gray-200{border-color:#ffffff14!important}.auth-layout{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--landing-dark);overflow:hidden}.auth-bg{position:absolute;inset:0;pointer-events:none}.auth-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3}.auth-orb--1{width:450px;height:450px;background:var(--accent-blue);top:-15%;left:-10%;animation:orbFloat 14s ease-in-out infinite alternate}.auth-orb--2{width:350px;height:350px;background:var(--accent-violet);bottom:-10%;right:-8%;animation:orbFloat 14s ease-in-out infinite alternate-reverse}.auth-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px}.auth-card-wrapper{position:relative;z-index:2;width:100%;max-width:440px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2.5rem 2rem 2rem;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 24px 80px #00000080,0 0 0 1px #ffffff0a inset}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{display:inline-flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;color:#f1f5f9;text-decoration:none;margin-bottom:.5rem}.auth-logo img{height:36px;width:auto;display:block;border-radius:8px}.auth-tagline{font-size:.85rem;color:#64748b;margin-top:.25rem}.auth-body{margin-bottom:1.5rem}.auth-body .card{background:transparent;border:none;padding:0;box-shadow:none}.auth-layout h1,.auth-layout h2{color:#f1f5f9;font-weight:700}.auth-layout p{color:#94a3b8}.auth-layout label{color:#cbd5e1}.auth-layout strong{color:#f1f5f9}.auth-layout .input,.auth-layout .select,.auth-layout .textarea,.auth-layout input[type=email],.auth-layout input[type=password],.auth-layout input[type=text]{width:100%;padding:.7rem .875rem;font-size:.9rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#e2e8f0;transition:all .2s ease}.auth-layout .input:focus,.auth-layout input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f626;background:#ffffff12}.auth-layout .input::-moz-placeholder,.auth-layout input::-moz-placeholder{color:#475569}.auth-layout .input::placeholder,.auth-layout input::placeholder{color:#475569}.auth-layout .btn-primary{background:linear-gradient(135deg,var(--accent-blue),var(--accent-violet));color:#fff;border:none;border-radius:10px;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 20px #3b82f64d}.auth-layout .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 28px #3b82f666;opacity:1}.auth-layout .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-layout a{color:var(--accent-blue);text-decoration:none;transition:color .2s ease}.auth-layout a:hover{color:#60a5fa;text-decoration:none}.auth-layout .text-muted,.auth-layout .card-muted{color:#64748b!important}.auth-layout .link{color:var(--accent-blue);font-weight:500}.auth-layout .alert{border-radius:10px;font-size:.85rem}.auth-layout .alert-danger{background:#f43f5e1a;border:1px solid rgba(244,63,94,.25);color:#fda4af}.auth-footer{padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.06);text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.auth-footer a{font-size:.8rem;color:#475569}.auth-footer a:hover{color:#94a3b8}.auth-footer-dot{color:#334155;font-size:.8rem}@media(max-width:480px){.auth-card-wrapper{padding:2rem 1.25rem 1.5rem;border-radius:16px}}