body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#fff;--bg-secondary:#f9f9f9;--bg-tertiary:#f1f1f1;--bg-hover:#f2f2f2;--bg-active:#e5e5e5;--bg-input:#f1f1f1;--text-primary:#0f0f0f;--text-secondary:#606060;--text-tertiary:#909090;--border-color:#e5e5e5;--divider-color:#e5e5e5;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 5px #00000014;--shadow-lg:0 4px 12px #0000001f;--shadow-xl:0 8px 24px #00000026;--brand-primary:red;--brand-hover:#c00;--brand-active:#900;--blue:#065fd4;--blue-hover:#0553c2;--blue-light:#065fd41a;--success:#0f9d58;--success-light:#0f9d581a;--warning:#f9ab00;--warning-light:#f9ab001a;--error:red;--error-light:#ff00001a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:0.1s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.3s cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--bg-primary:#0f0f0f;--bg-secondary:#1f1f1f;--bg-tertiary:#272727;--bg-hover:#2d2d2d;--bg-active:#3d3d3d;--bg-input:#121212;--text-primary:#f1f1f1;--text-secondary:#aaa;--text-tertiary:#717171;--border-color:#303030;--divider-color:#303030;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 2px 5px #0009;--shadow-lg:0 4px 12px #000000b3;--shadow-xl:0 8px 24px #000c;--blue-light:#065fd433;--success-light:#0f9d5833;--warning-light:#f9ab0033;--error-light:#f003}*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;background:var(--bg-primary);color:#0f0f0f;color:var(--text-primary);font-family:Roboto,Arial,sans-serif;line-height:1.6;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f9f9f9;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#909090;background:var(--text-tertiary);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#606060;background:var(--text-secondary)}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}a{color:#065fd4;color:var(--blue);text-decoration:none;transition:color .1s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}a:hover{color:#0553c2;color:var(--blue-hover)}.btn,button{align-items:center;border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;gap:var(--spacing-sm);justify-content:center;line-height:1;padding:10px 16px;transition:all .1s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}button:disabled{cursor:not-allowed;opacity:.4}button:active:not(:disabled){transform:scale(.98)}.btn-primary,button.primary{background:red;background:var(--brand-primary);box-shadow:0 1px 2px #0000001a;color:#fff;font-weight:600}.btn-primary:hover:not(:disabled),button.primary:hover:not(:disabled){background:#c00;background:var(--brand-hover);box-shadow:0 2px 4px #00000026}.btn-secondary{background:#f2f2f2;background:var(--bg-hover);border:1px solid #e5e5e5;border:1px solid var(--border-color);color:#0f0f0f;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#e5e5e5;background:var(--bg-active);border-color:#909090;border-color:var(--text-tertiary)}.btn-blue{background:#065fd4;background:var(--blue);color:#fff;font-weight:600}.btn-blue:hover:not(:disabled){background:#0553c2;background:var(--blue-hover)}.btn-icon{background:#0000;border-radius:9999px;border-radius:var(--radius-full);color:#0f0f0f;color:var(--text-primary);height:40px;min-width:40px;padding:0;width:40px}.btn-icon:hover:not(:disabled){background:#f2f2f2;background:var(--bg-hover)}.btn-sm{font-size:13px;padding:6px 12px}.btn-lg{font-size:15px;padding:12px 24px}input,select,textarea{background:#f1f1f1;background:var(--bg-input);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--radius-sm);color:#0f0f0f;color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.5;padding:10px 12px;transition:all .1s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}input::placeholder,textarea::placeholder{color:#909090;color:var(--text-tertiary)}input:hover,select:hover,textarea:hover{border-color:#909090;border-color:var(--text-tertiary)}input:focus,select:focus,textarea:focus{background:#fff;background:var(--bg-primary);border-color:#065fd4;border-color:var(--blue);box-shadow:0 0 0 1px #065fd4;box-shadow:0 0 0 1px var(--blue);outline:none}textarea{font-family:inherit;min-height:100px;resize:vertical}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23606060' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}select::-ms-expand{display:none}select option{background:#fff;background:var(--bg-primary);color:#0f0f0f;color:var(--text-primary);padding:8px}[data-theme=dark] select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23aaa' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}[data-theme=dark] select option{color:#0f0f0f;color:var(--text-primary)}.card,[data-theme=dark] select option{background:#fff;background:var(--bg-primary)}.card{border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:16px;padding:var(--spacing-lg);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.card:hover{box-shadow:0 2px 5px #00000014;box-shadow:var(--shadow-md)}.badge{align-items:center;border-radius:4px;border-radius:var(--radius-sm);display:inline-flex;font-size:12px;font-weight:500;padding:2px 8px;text-transform:uppercase}.badge-live{background:red;background:var(--brand-primary);color:#fff}.badge-success{background:#0f9d58;background:var(--success);color:#fff}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--bg-primary);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);gap:16px;gap:var(--spacing-lg);height:56px;justify-content:space-between;padding:8px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{border-radius:8px;border-radius:var(--radius-md);color:#0f0f0f;color:var(--text-primary);font-size:20px;font-weight:600;gap:6px;padding:8px 12px;transition:background .1s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.navbar-brand:hover{background:#f2f2f2;background:var(--bg-hover)}.navbar-brand .icon{align-items:center;color:red;color:var(--brand-primary);display:flex;font-size:24px}.navbar-nav{align-items:center;display:flex;gap:8px}.navbar-link{border-radius:9999px;border-radius:var(--radius-full);color:#0f0f0f;color:var(--text-primary);font-size:14px;font-weight:500;padding:8px 16px;position:relative;transition:all .1s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.navbar-link:hover{background:#f2f2f2;background:var(--bg-hover)}.navbar-link.active{background:#e5e5e5;background:var(--bg-active)}.navbar-user{align-items:center;background:#f2f2f2;background:var(--bg-hover);border-radius:9999px;border-radius:var(--radius-full);display:flex;gap:8px;padding:4px 8px 4px 4px;transition:background .1s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.navbar-user:hover{background:#e5e5e5;background:var(--bg-active)}.navbar-avatar{align-items:center;background:linear-gradient(135deg,red,#c00);background:linear-gradient(135deg,var(--brand-primary),var(--brand-hover));border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;min-width:32px;width:32px}.navbar-user span{font-size:14px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-toggle{align-items:center;background:#0000;border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;min-width:40px;transition:all .1s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:40px}.theme-toggle:hover{background:#f2f2f2;background:var(--bg-hover)}.container{margin:0 auto;max-width:1920px;padding:24px;padding:var(--spacing-xl)}.grid{grid-gap:16px;grid-gap:var(--spacing-lg);display:grid;gap:16px;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.video-container{background:#000;border-radius:12px;border-radius:var(--radius-lg);overflow:hidden;position:relative;width:100%}.video-container video{height:auto;object-fit:contain;width:100%}.chat-container{background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);height:calc(100vh - 88px);max-height:800px;overflow:hidden}.chat-container,.chat-header{display:flex;flex-direction:column}.chat-header{background:#f9f9f9;background:var(--bg-secondary);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);font-size:14px;font-weight:600;gap:8px;padding:12px 16px}.chat-header-top{align-items:center;display:flex;justify-content:space-between;width:100%}.chat-viewer-count{align-items:center;color:#606060;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:4px}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:8px}.chat-message{word-wrap:break-word;border-radius:8px;border-radius:var(--radius-md);font-size:13px;line-height:1.5;padding:6px 12px;transition:background .1s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.chat-message:hover{background:#f2f2f2;background:var(--bg-hover)}.chat-message-author{color:#065fd4;color:var(--blue);font-weight:600;margin-right:6px}.chat-message-author.streamer{color:red;color:var(--brand-primary)}.chat-message-text{color:#0f0f0f;color:var(--text-primary)}.chat-message-time{color:#909090;color:var(--text-tertiary);font-size:11px;margin-left:6px}.chat-input-container{background:#f9f9f9;background:var(--bg-secondary);border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color);display:flex;gap:8px;padding:12px}.chat-input{border-radius:9999px;border-radius:var(--radius-full);flex:1 1}.chat-send-btn{min-width:80px}.stream-card{background:#fff;background:var(--bg-primary);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.stream-card:hover{transform:translateY(-2px)}.stream-card:hover .stream-thumbnail{transform:scale(1.02)}.stream-thumbnail{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;overflow:hidden;position:relative;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-normal);width:100%}.stream-thumbnail-icon{color:#fff;font-size:48px;opacity:.3}.live-badge,.stream-live-badge{align-items:center;background:red;background:var(--brand-primary);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0003;color:#fff;display:inline-flex;font-size:12px;font-weight:700;gap:6px;justify-content:center;letter-spacing:1px;min-width:80px;padding:6px 12px;text-align:center;text-transform:uppercase}.stream-live-badge{left:8px;min-width:70px;position:absolute;top:8px}.stream-viewer-count{align-items:center;background:#000c;border-radius:4px;border-radius:var(--radius-sm);bottom:8px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:4px;left:8px;padding:4px 8px;position:absolute}.stream-info{padding:12px}.stream-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;font-weight:500;line-height:1.4;margin-bottom:4px;min-height:40px;overflow:hidden;text-overflow:ellipsis}.stream-meta{color:#606060;color:var(--text-secondary);flex-wrap:wrap;font-size:12px}.stream-meta,.stream-meta-item{align-items:center;display:flex;gap:4px}.stream-meta-divider{background:#909090;background:var(--text-tertiary);border-radius:50%;height:3px;width:3px}.loading{align-items:center;color:#606060;color:var(--text-secondary);display:flex;justify-content:center;padding:32px;padding:var(--spacing-2xl)}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e5e5;border-top-color:red;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--brand-primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{color:#606060;color:var(--text-secondary);padding:32px;padding:var(--spacing-2xl);text-align:center}.empty-state-icon{font-size:64px;margin-bottom:16px;margin-bottom:var(--spacing-lg);opacity:.5}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:8px;gap:var(--spacing-sm)}.gap-md{gap:12px;gap:var(--spacing-md)}.gap-lg{gap:16px;gap:var(--spacing-lg)}.text-center{text-align:center}.text-secondary{color:#606060;color:var(--text-secondary)}.text-sm{font-size:12px}.text-lg{font-size:16px}.mt-sm{margin-top:8px;margin-top:var(--spacing-sm)}.mt-md{margin-top:12px;margin-top:var(--spacing-md)}.mt-lg{margin-top:16px;margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:12px;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:16px;margin-bottom:var(--spacing-lg)}.p-sm{padding:8px;padding:var(--spacing-sm)}.p-md{padding:12px;padding:var(--spacing-md)}.p-lg{padding:16px;padding:var(--spacing-lg)}@media (max-width:768px){.container{padding:12px;padding:var(--spacing-md)}.navbar{padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md)}.navbar-brand{font-size:18px}h1{font-size:1.5rem}h2{font-size:1.25rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-normal)}.slide-up{animation:slideUp .2s cubic-bezier(.4,0,.2,1);animation:slideUp var(--transition-normal)}.viewer-layout{grid-gap:16px;grid-gap:var(--spacing-lg);align-items:start;display:grid;gap:16px;gap:var(--spacing-lg);grid-template-columns:1fr 380px;margin:0 auto;max-width:1920px;padding:16px;padding:var(--spacing-lg)}.main-content{min-width:0}.controls-overlay{background:#f9f9f9;background:var(--bg-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:16px;padding:var(--spacing-lg)}.controls-overlay h2{font-size:20px;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.controls-overlay h3{font-size:16px;font-weight:600;margin-bottom:12px;margin-bottom:var(--spacing-md)}.form-group{margin-bottom:16px;margin-bottom:var(--spacing-lg)}.form-label{color:#606060;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.form-label.required:after{color:red;color:var(--error);content:" *"}.info-box{background:#f2f2f2;background:var(--bg-hover);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);margin-bottom:16px;margin-bottom:var(--spacing-lg);padding:12px;padding:var(--spacing-md)}.info-box-title{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--spacing-sm)}.info-box-title,.info-item{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.info-item{font-size:13px}.info-item:last-child{margin-bottom:0}.info-item strong{color:#606060;color:var(--text-secondary);display:inline-block;font-weight:500;min-width:100px}.alert{align-items:flex-start;border-radius:8px;border-radius:var(--radius-md);display:flex;font-size:14px;gap:8px;gap:var(--spacing-sm);margin-bottom:16px;margin-bottom:var(--spacing-lg);padding:12px;padding:var(--spacing-md)}.alert-error{background:#ff00001a;background:var(--error-light);border:1px solid red;border:1px solid var(--error);color:red;color:var(--error)}.alert-success{background:#0f9d581a;background:var(--success-light);border:1px solid #0f9d58;border:1px solid var(--success);color:#0f9d58;color:var(--success)}.alert-warning{background:#f9ab001a;background:var(--warning-light);border:1px solid #f9ab00;border:1px solid var(--warning);color:#f9ab00;color:var(--warning)}.alert-info{background:#065fd41a;background:var(--blue-light);border:1px solid #065fd4;border:1px solid var(--blue);color:#065fd4;color:var(--blue)}.search-bar{display:flex;gap:8px;gap:var(--spacing-sm);margin-bottom:24px;margin-bottom:var(--spacing-xl)}.search-input{background:#f1f1f1;background:var(--bg-input);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);flex:1 1;font-size:14px;padding:10px 16px}.search-input:focus{border-color:#065fd4;border-color:var(--blue);box-shadow:0 0 0 1px #065fd4;box-shadow:0 0 0 1px var(--blue)}.page-header{margin-bottom:24px;margin-bottom:var(--spacing-xl)}.page-title{font-size:24px;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.page-subtitle{color:#606060;color:var(--text-secondary);font-size:14px}.stream-grid{grid-gap:24px 16px;grid-gap:var(--spacing-xl) var(--spacing-lg);display:grid;gap:24px 16px;gap:var(--spacing-xl) var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width:1200px){.viewer-layout{grid-template-columns:1fr 300px}.stream-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:968px){.viewer-layout{grid-template-columns:1fr}.chat-container{height:500px;max-height:500px}.stream-grid{gap:16px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:640px){.viewer-layout{gap:12px;gap:var(--spacing-md);padding:12px;padding:var(--spacing-md)}.navbar{gap:8px;gap:var(--spacing-sm);height:48px;padding:8px 12px}.navbar-brand{font-size:16px;gap:4px;padding:6px 8px}.navbar-brand .icon{font-size:20px}.navbar-brand span:last-child{display:none}.navbar-nav{gap:4px}.navbar-link{font-size:13px;padding:6px 12px}.navbar-user{gap:6px;padding:2px 6px 2px 2px}.navbar-user span{display:none}.navbar-avatar{font-size:12px;height:28px;min-width:28px;width:28px}.btn-icon{font-size:16px;height:32px;min-width:32px;width:32px}.theme-toggle{font-size:18px;height:36px;min-width:36px;width:36px}.btn-primary{font-size:13px;padding:8px 14px}.stream-grid{grid-template-columns:1fr}.search-bar{flex-direction:column}.page-title{font-size:20px}}@media (max-width:375px){.navbar{height:44px;padding:6px 8px}.navbar-brand{font-size:14px;padding:4px 6px}.navbar-brand .icon{font-size:18px}.navbar-link{font-size:12px;padding:5px 10px}.navbar-avatar{font-size:11px;height:24px;min-width:24px;width:24px}.btn-icon{font-size:14px;height:28px;min-width:28px;width:28px}.theme-toggle{font-size:16px;height:32px;min-width:32px;width:32px}.btn-primary{font-size:12px;padding:6px 12px}}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f2f2f2 25%,#e5e5e5 50%,#f2f2f2 75%);background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-active) 50%,var(--bg-hover) 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{height:280px}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text-sm{height:12px;width:60%}[title]{position:relative}.status-indicator{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.status-live{animation:pulse 2s ease-in-out infinite;background:#fff;box-shadow:0 0 8px #fffc}.status-offline{background:#909090;background:var(--text-tertiary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.divider{background:#e5e5e5;background:var(--divider-color);height:1px;margin:16px 0;margin:var(--spacing-lg) 0}.auth-container{align-items:center;background:#f9f9f9;background:var(--bg-secondary);display:flex;justify-content:center;min-height:calc(100vh - 56px);padding:24px;padding:var(--spacing-xl)}.auth-card{background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #0000001f;box-shadow:var(--shadow-lg);max-width:420px;padding:32px;padding:var(--spacing-2xl);width:100%}.auth-header{margin-bottom:32px;margin-bottom:var(--spacing-2xl);text-align:center}.auth-title{font-size:24px;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.auth-subtitle{color:#606060;color:var(--text-secondary);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-lg)}.auth-footer{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color);color:#606060;color:var(--text-secondary);font-size:14px;margin-top:24px;margin-top:var(--spacing-xl);padding-top:24px;padding-top:var(--spacing-xl);text-align:center}.auth-footer a{color:#065fd4;color:var(--blue);font-weight:500}.auth-footer a:hover{text-decoration:underline}
/*# sourceMappingURL=main.bd58054c.css.map*/