.auth-container{width:100%;min-height:100vh;display:flex;overflow:hidden}.auth-left{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);flex:1;justify-content:center;align-items:center;padding:60px;display:flex;position:relative;overflow:hidden}.auth-left-content{z-index:2;max-width:600px;position:relative}.floating-shapes{opacity:.15;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.shape{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.shape-1{width:300px;height:300px;animation-delay:0s;top:-100px;left:-100px}.shape-2{width:200px;height:200px;animation-delay:5s;bottom:-50px;right:-50px}.shape-3{width:150px;height:150px;animation-delay:10s;top:50%;left:50%}.shape-4{width:250px;height:250px;animation-delay:15s;bottom:20%;left:10%}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.1)}50%{transform:translate(-20px,20px)scale(.9)}75%{transform:translate(20px,30px)scale(1.05)}}.auth-branding{color:#fff;text-align:left}.auth-logo{align-items:center;gap:16px;margin-bottom:16px;display:flex}.logo-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#fff3;border-radius:16px;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 8px 32px #0000001a}.logo-icon svg{width:32px;height:32px}.brand-name{letter-spacing:-.5px;margin:0;font-size:32px;font-weight:800}.brand-tagline{opacity:.95;margin:0 0 48px;font-size:18px;font-weight:400}.feature-list{flex-direction:column;gap:24px;margin-top:48px;display:flex}.feature-item{align-items:flex-start;gap:16px;animation:.6s ease-out both slideInLeft;display:flex}.feature-item:first-child{animation-delay:.1s}.feature-item:nth-child(2){animation-delay:.2s}.feature-item:nth-child(3){animation-delay:.3s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.feature-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.feature-text h3{margin:0 0 4px;font-size:18px;font-weight:700}.feature-text p{opacity:.9;margin:0;font-size:14px}.auth-right{background:var(--bg);flex:1;justify-content:center;align-items:center;padding:60px;display:flex;position:relative}.auth-form-container{width:100%;max-width:480px;animation:.6s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-mode-toggle{background:var(--card);border:1px solid var(--card-border);border-radius:12px;gap:8px;margin-bottom:32px;padding:6px;display:flex;position:relative}.mode-btn{color:var(--muted);cursor:pointer;z-index:2;background:0 0;border:none;border-radius:8px;flex:1;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s;position:relative}.mode-btn.active{color:var(--text)}.mode-slider{background:linear-gradient(135deg,var(--primary)0%,var(--primary2)100%);z-index:1;border-radius:8px;width:calc(50% - 6px);height:calc(100% - 12px);transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:6px;left:6px;box-shadow:0 4px 12px #6366f14d}.mode-slider.signup{transform:translate(calc(100% + 6px))}.auth-header{margin-bottom:32px}.auth-title{color:var(--text);letter-spacing:-.5px;margin:0 0 8px;font-size:32px;font-weight:800}.auth-subtitle{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group.slide-in{animation:.4s ease-out slideInDown}@keyframes slideInDown{0%{opacity:0;max-height:0;transform:translateY(-20px)}to{opacity:1;max-height:200px;transform:translateY(0)}}.form-label{color:var(--text);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.label-icon{font-size:16px}.input-wrapper{position:relative}.form-input{border:2px solid var(--input-border);background:var(--input);color:var(--text);border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:15px;transition:all .3s}.form-input:focus{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 4px #6366f11a}.form-input::placeholder{color:var(--muted);opacity:.6}.password-wrapper{position:relative}.password-toggle{cursor:pointer;opacity:.6;background:0 0;border:none;padding:8px;font-size:20px;transition:opacity .3s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{opacity:1}.form-footer{justify-content:flex-end;margin-top:-8px;display:flex}.forgot-password-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;transition:all .3s}.forgot-password-link:hover{color:var(--primary2);text-decoration:underline}.error-message{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;font-size:14px;animation:.5s ease-in-out shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.error-icon{font-size:18px}.submit-btn{background:linear-gradient(135deg,var(--primary)0%,var(--primary2)100%);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:16px 24px;font-size:16px;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #6366f14d}.submit-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3 0%,#0000 100%);transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.submit-btn:hover:before{opacity:1}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-arrow{font-size:20px;transition:transform .3s}.submit-btn:hover .btn-arrow{transform:translate(4px)}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.switch-mode{text-align:center;margin-top:24px}.switch-mode p{color:var(--muted);margin:0;font-size:14px}.switch-mode-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:700;transition:all .3s}.switch-mode-link:hover{color:var(--primary2);text-decoration:underline}.auth-footer{border-top:1px solid var(--card-border);text-align:center;margin-top:32px;padding-top:24px}.auth-footer p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.footer-link{color:var(--primary);font-weight:600;text-decoration:none;transition:all .3s}.footer-link:hover{color:var(--primary2);text-decoration:underline}@media (max-width:1024px){.auth-left,.auth-right{padding:40px}.brand-name{font-size:28px}.brand-tagline{font-size:16px}.feature-list{gap:20px}}@media (max-width:768px){.auth-container{flex-direction:column;overflow-y:auto}.auth-left{min-height:40vh;padding:32px 24px}.auth-left-content{max-width:100%}.brand-name{font-size:24px}.brand-tagline{margin-bottom:32px;font-size:14px}.feature-list{display:none}.auth-right{min-height:60vh;padding:32px 24px}.auth-title{font-size:26px}.auth-subtitle{font-size:14px}.auth-mode-toggle{margin-bottom:24px}.mode-btn{padding:10px 16px;font-size:14px}.form-input{padding:12px 14px;font-size:14px}.submit-btn{padding:14px 20px;font-size:15px}}@media (max-width:480px){.auth-left{min-height:30vh;padding:24px 16px}.logo-icon{width:48px;height:48px}.logo-icon svg{width:28px;height:28px}.brand-name{font-size:20px}.brand-tagline{font-size:13px}.auth-right{padding:24px 16px}.auth-title{font-size:22px}.auth-subtitle{font-size:13px}}.mode-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.form-input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.submit-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.forgot-password-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.switch-mode-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.auth-right,.auth-form-container,.form-input,.submit-btn,.mode-btn{transition:background-color .3s,color .3s,border-color .3s}@media print{.auth-left{display:none}.auth-right{padding:20px}}:root{--color-primary-50:#f5f3ff;--color-primary-100:#ede9fe;--color-primary-200:#ddd6fe;--color-primary-300:#c4b5fd;--color-primary-400:#a78bfa;--color-primary-500:#8b5cf6;--color-primary-600:#7c3aed;--color-primary-700:#6d28d9;--color-primary-800:#5b21b6;--color-primary-900:#4c1d95;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--color-info:#3b82f6;--color-info-light:#dbeafe;--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--sidebar-width:260px;--sidebar-mini-width:68px;--topbar-height:60px;--container-max-width:1360px}:root,[data-theme=light]{--color-bg:#f4f4f8;--color-bg-primary:#fff;--color-bg-secondary:#f0f0f6;--color-bg-tertiary:#e8e8f0;--color-border:#e2e2ec;--color-border-subtle:#ececf4;--color-text-primary:#111128;--color-text-secondary:#4a4a6e;--color-text-tertiary:#88a;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-xl:0 16px 40px #0000001f;--shadow-2xl:0 24px 64px #0000002e}[data-theme=dark]{--color-bg:#09090f;--color-bg-primary:#111118;--color-bg-secondary:#1a1a24;--color-bg-tertiary:#22222e;--color-border:#2c2c3e;--color-border-subtle:#1e1e2a;--color-text-primary:#eef;--color-text-secondary:#9090b8;--color-text-tertiary:#55556a;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 40px #0000008c;--shadow-2xl:0 24px 64px #000000b3}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg);transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-4);color:var(--color-text-secondary)}a{color:var(--color-primary-600);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-700)}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;line-height:1;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-500));color:#fff;border-color:var(--color-primary-600);box-shadow:0 2px 8px #7c3aed4d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-600));border-color:var(--color-primary-700);transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed66}.btn-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-sm)}.btn-danger{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-md);background-color:#dc2626;border-color:#dc2626}.btn-ghost{color:var(--color-text-secondary);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-sm{padding:var(--spacing-2)var(--spacing-4);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-4)var(--spacing-8);font-size:var(--font-size-base)}.card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.card-body{color:var(--color-text-secondary)}.card-footer{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border);gap:var(--spacing-3);align-items:center;display:flex}.form-group{margin-bottom:var(--spacing-5)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-2);display:block}.form-input,.form-select,.form-textarea{padding:var(--spacing-3)var(--spacing-4);font-size:var(--font-size-sm);font-family:var(--font-family-sans);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #7c3aed26}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-bg-secondary)}.form-textarea{resize:vertical;min-height:100px}.form-error{margin-top:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-error);display:block}.form-help{margin-top:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-tertiary);display:block}.badge{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1)var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap;display:inline-flex}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-error{background-color:var(--color-error-light);color:var(--color-error)}.badge-info{background-color:var(--color-info-light);color:var(--color-info)}.badge-neutral{background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.container{max-width:var(--container-max-width);padding:0 var(--spacing-6);width:100%;margin:0 auto}.grid{gap:var(--spacing-6);display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.m-0{margin:0}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.p-0{padding:0}.p-2{padding:var(--spacing-2)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.spinner{border:2px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.stylish-loading-fullscreen{background:var(--color-bg-primary);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.stylish-loading-container{padding:var(--spacing-8);justify-content:center;align-items:center;display:flex}.stylish-loading-content{align-items:center;gap:var(--spacing-4);flex-direction:column;display:flex}.stylish-spinner{justify-content:center;align-items:center;display:flex;position:relative}.stylish-spinner-ring{border:3px solid #0000;border-radius:50%;width:100%;height:100%;animation:2s cubic-bezier(.68,-.55,.265,1.55) infinite stylish-spin;position:absolute}.stylish-spinner-ring:first-child{border-top-color:var(--color-primary-600);animation-delay:0s}.stylish-spinner-ring:nth-child(2){border-right-color:var(--color-primary-500);animation-delay:.15s}.stylish-spinner-ring:nth-child(3){border-bottom-color:var(--color-primary-400);animation-delay:.3s}.stylish-spinner-core{background:var(--color-primary-600);box-shadow:0 0 20px var(--color-primary-600);border-radius:50%;width:30%;height:30%;animation:1.5s ease-in-out infinite stylish-pulse}@keyframes stylish-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}@keyframes stylish-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.stylish-loading-message{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:center;margin:0}.stylish-loading-dots{gap:var(--spacing-2);display:flex}.stylish-loading-dots span{background:var(--color-primary-600);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite stylish-dot-bounce}.stylish-loading-dots span:first-child{animation-delay:0s}.stylish-loading-dots span:nth-child(2){animation-delay:.2s}.stylish-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes stylish-dot-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.container{padding:0 var(--spacing-4)}}@media (max-width:1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.tabs{gap:var(--spacing-2);border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-6);display:flex;overflow-x:auto}.tab-item{padding:var(--spacing-3)var(--spacing-4);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;position:relative}.tab-item:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.tab-item-active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-600);font-weight:var(--font-weight-semibold)}.tab-item-complete:after{content:"✓";color:var(--color-success);background:var(--color-success-light);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex;position:absolute;top:4px;right:4px}.progress-container{margin-bottom:var(--spacing-6)}.progress-info{margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.progress-label{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.progress-percentage{font-weight:var(--font-weight-semibold);color:var(--color-primary-600)}.progress-bar-fill{background:linear-gradient(90deg,var(--color-primary-600),var(--color-success));border-radius:var(--radius-full);height:100%;transition:width .3s;position:relative;overflow:hidden}.portal-shell{background:var(--color-bg);min-height:100vh;display:flex}.portal-content{transition:margin-left var(--transition-base);flex-direction:column;flex:1;min-width:0;margin-left:0;display:flex}@media (min-width:1024px){.portal-content{margin-left:var(--sidebar-width)}.portal-shell--sidebar-minimized .portal-content{margin-left:var(--sidebar-mini-width)}}.portal-topbar{height:var(--topbar-height);background:rgba(var(--color-bg-primary-rgb,255,255,255),.85);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:0 var(--spacing-6);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:var(--spacing-4);display:flex}.topbar-menu-btn{border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.topbar-menu-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}@media (min-width:1024px){.topbar-menu-btn{display:none}}.topbar-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.topbar-right{align-items:center;gap:var(--spacing-3);display:flex}.topbar-user{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-md);background:var(--color-bg-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex}.topbar-user:hover{background:var(--color-bg-tertiary)}.topbar-user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-400));color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 6px #7c3aed59}.topbar-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}@media (max-width:640px){.topbar-user-name{display:none}}.topbar-logout-btn{padding:var(--spacing-2)var(--spacing-4);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0}.topbar-logout-btn:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.portal-main{padding:var(--spacing-8)var(--spacing-8);flex:1;overflow:hidden auto}@media (max-width:1024px){.portal-main{padding:var(--spacing-6)var(--spacing-6)}}@media (max-width:768px){.portal-main{padding:var(--spacing-5)var(--spacing-4)}}.portal-overlay{z-index:calc(var(--z-fixed) - 1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;position:fixed;top:0;bottom:0;left:0;right:0}@media (max-width:1023px){.portal-overlay.portal-overlay--visible{display:block}}.portal-sidebar{z-index:var(--z-fixed);transition:width var(--transition-base),transform var(--transition-base);background:#0d0d15;border-right:1px solid #ffffff0f;flex-direction:column;width:auto;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.portal-sidebar--minimized{width:var(--sidebar-mini-width)}@media (max-width:1023px){.portal-sidebar{transform:translate(-100%);box-shadow:4px 0 40px #0009}.portal-sidebar.portal-sidebar--open{transform:translate(0)}}@media (min-width:1024px){.portal-sidebar{transform:translate(0)}}.sidebar-header{padding:0 var(--spacing-4);height:var(--topbar-height);border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.sidebar-logo{align-items:center;gap:var(--spacing-3);text-decoration:none;display:flex;overflow:hidden}.sidebar-logo-icon{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 2px 10px #7c3aed80}.sidebar-logo span{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#f0f0ff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;overflow:hidden}.sidebar-close{border-radius:var(--radius-md);color:#9090b8;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:none}.sidebar-close:hover{color:#f0f0ff;background:#ffffff14}@media (max-width:1023px){.sidebar-close{display:flex}}.sidebar-nav{padding:var(--spacing-4)var(--spacing-3);gap:var(--spacing-1);scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex:1;display:flex;overflow:hidden auto}.sidebar-nav-section{flex-direction:column;gap:2px;display:flex}.sidebar-nav-section:last-child{padding-top:var(--spacing-4);border-top:1px solid #ffffff0f;margin-top:auto}.sidebar-nav-item{align-items:center;gap:var(--spacing-3);padding:10px var(--spacing-3);border-radius:var(--radius-md);color:#7070a0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar-nav-item:hover{color:#c4c4e0;background:#ffffff0f}.sidebar-nav-item.active{color:#c4b5fd;background:#7c3aed33}.sidebar-nav-item.active:before{content:"";background:#7c3aed;border-radius:0 2px 2px 0;width:3px;height:55%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-nav-icon{opacity:.8;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.sidebar-nav-item.active .sidebar-nav-icon,.sidebar-nav-item:hover .sidebar-nav-icon{opacity:1}.sidebar-nav-badge{background:var(--color-error);color:#fff;border-radius:var(--radius-full);text-align:center;flex-shrink:0;min-width:20px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:600}.portal-sidebar--minimized .sidebar-logo span{display:none}.portal-sidebar--minimized .sidebar-nav-item{justify-content:center;gap:0;padding:10px}.portal-sidebar--minimized .sidebar-nav-item span:not(.sidebar-nav-icon):not(.sidebar-nav-badge),.portal-sidebar--minimized .sidebar-nav-badge{display:none}.portal-sidebar--minimized .sidebar-nav-section:last-child{border-top:1px solid #ffffff0f}.sidebar-edge-toggle{border-radius:0 var(--radius-md)var(--radius-md)0;cursor:pointer;color:#000;transition:all var(--transition-fast);z-index:10;background:#ccc;border:1px solid #ffffff1a;border-left:none;justify-content:center;align-items:center;width:20px;height:100vh;display:flex;position:absolute;top:50%;right:-5px;transform:translateY(-50%);box-shadow:3px 0 10px #0000004d}.sidebar-edge-toggle:hover{color:#000;background:#ddd;border-color:#7c3aed66}.site-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6);transition:all var(--transition-base);gap:var(--spacing-4);flex-direction:column;display:flex;position:relative;overflow:hidden}.site-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-300);transform:translateY(-4px)}.site-card:before{content:"";background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-700));opacity:0;transition:opacity var(--transition-fast);height:4px;position:absolute;top:0;left:0;right:0}.site-card:hover:before{opacity:1}.site-card-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);display:flex}.site-card-info{flex:1;min-width:0}.site-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2)0;align-items:center;gap:var(--spacing-2);display:flex}.site-card-title-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.site-card-domain{font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items:center;gap:var(--spacing-2);display:flex}.site-card-domain-link{color:var(--color-primary-600);transition:color var(--transition-fast);text-decoration:none}.site-card-domain-link:hover{color:var(--color-primary-700);text-decoration:underline}.site-card-actions{gap:var(--spacing-2);display:flex}.site-card-action-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.site-card-action-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-primary-400)}.site-card-action-btn.danger:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.site-card-action-btn:disabled{opacity:.5;cursor:not-allowed}.site-card-body{gap:var(--spacing-3);flex-direction:column;display:flex}.site-card-meta{gap:var(--spacing-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.site-card-meta-item{gap:var(--spacing-1);flex-direction:column;display:flex}.site-card-meta-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium)}.site-card-meta-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.site-card-footer{gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid var(--color-border);display:flex}.site-card-footer-btn{padding:var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);flex:1}.site-card-footer-btn:hover{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.page-header{margin-bottom:var(--spacing-8)}.page-header-top{justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4);display:flex}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.page-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.page-actions{gap:var(--spacing-3);align-items:center;display:flex}@media (max-width:640px){.page-header-top{flex-direction:column;align-items:flex-start}.page-actions{width:100%}.page-actions .btn{flex:1}}.sites-grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}@media (max-width:768px){.sites-grid{grid-template-columns:1fr}}.empty-state{text-align:center;padding:var(--spacing-16)var(--spacing-6);background:var(--color-bg-primary);border:2px dashed var(--color-border);border-radius:var(--radius-xl)}.empty-state-icon{margin-bottom:var(--spacing-4);opacity:.3;font-size:64px}.empty-state-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.empty-state-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-6);max-width:500px;margin-left:auto;margin-right:auto}.domain-item{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6);transition:all var(--transition-base)}.domain-item:hover{box-shadow:var(--shadow-md)}.domain-item-header{justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4);display:flex}.domain-item-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);align-items:center;gap:var(--spacing-3);margin:0;display:flex}.domain-item-actions{gap:var(--spacing-2);display:flex}.domain-item-body{padding:var(--spacing-4);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.domain-records-table{border-collapse:collapse;width:100%}.domain-records-table th{text-align:left;padding:var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border)}.domain-records-table td{padding:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.domain-records-table tr:last-child td{border-bottom:none}.domain-record-type{background:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 8px;display:inline-block}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);padding:var(--spacing-4);animation:fadeIn var(--transition-base);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);animation:slideUp var(--transition-base);z-index:var(--z-modal);flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.modal-close{border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-xl);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.modal-body{padding:var(--spacing-6);flex:1;overflow-y:auto}.modal-footer{padding:var(--spacing-6);border-top:1px solid var(--color-border);gap:var(--spacing-3);justify-content:flex-end;display:flex}.toast-container{top:var(--spacing-6);right:var(--spacing-6);z-index:var(--z-tooltip);gap:var(--spacing-3);flex-direction:column;max-width:400px;display:flex;position:fixed}@media (max-width:640px){.toast-container{left:var(--spacing-4);right:var(--spacing-4);max-width:none}}.toast{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:var(--shadow-xl);align-items:flex-start;gap:var(--spacing-3);animation:slideInRight var(--transition-base);display:flex}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.toast-success .toast-icon{background:var(--color-success-light);color:var(--color-success)}.toast-error .toast-icon{background:var(--color-error-light);color:var(--color-error)}.toast-warning .toast-icon{background:var(--color-warning-light);color:var(--color-warning)}.toast-info .toast-icon{background:var(--color-info-light);color:var(--color-info)}.toast-content{flex:1}.toast-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-1)0}.toast-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.table-container{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.table{border-collapse:collapse;width:100%}.table thead{background:var(--color-bg-secondary)}.table th{text-align:left;padding:var(--spacing-4)var(--spacing-6);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border)}.table td{padding:var(--spacing-4)var(--spacing-6);font-size:var(--font-size-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--color-bg-secondary)}.table tbody tr:last-child td{border-bottom:none}@media (max-width:768px){.table-responsive{overflow-x:auto}.table{min-width:600px}}.list{margin:0;padding:0;list-style:none}.list-item{padding:var(--spacing-4);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--spacing-4);transition:background var(--transition-fast);display:flex}.list-item:hover{background:var(--color-bg-secondary)}.list-item:last-child{border-bottom:none}.list-item-icon{background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.list-item-content{flex:1;min-width:0}.list-item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--spacing-1)0}.list-item-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.list-item-actions{gap:var(--spacing-2);display:flex}.stats-grid{gap:var(--spacing-6);margin-bottom:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6);transition:all var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.stat-card-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.stat-card-change{font-size:var(--font-size-sm);align-items:center;gap:var(--spacing-1);display:flex}.stat-card-change.positive{color:var(--color-success)}.stat-card-change.negative{color:var(--color-error)}.stat-card-change.neutral{color:var(--color-text-secondary)}.theme-toggle{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);align-items:center;width:56px;height:28px;padding:2px;display:flex;position:relative}.theme-toggle:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary-400)}.theme-toggle-slider{background:var(--color-primary-600);border-radius:var(--radius-full);transition:transform var(--transition-base);color:#fff;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex;position:absolute}.theme-toggle[data-theme=light] .theme-toggle-slider{transform:translate(0)}.theme-toggle[data-theme=dark] .theme-toggle-slider{transform:translate(28px)}.theme-toggle-icon{width:14px;height:14px}.loading-spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary-600);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}.loading-spinner-lg{border-width:3px;width:40px;height:40px}.loading-spinner-sm{border-width:2px;width:16px;height:16px}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);justify-content:center;align-items:center;gap:var(--spacing-4);background:#00000080;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loading-overlay-content{background:var(--color-bg-primary);padding:var(--spacing-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);text-align:center;max-width:400px}.loading-overlay-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:var(--spacing-4)0 var(--spacing-2)0}.loading-overlay-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.progress-bar{background:var(--color-bg-secondary);border-radius:var(--radius-full);width:100%;height:8px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-700));border-radius:var(--radius-full);transition:width var(--transition-base);height:100%;position:relative;overflow:hidden}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary)25%,var(--color-bg-tertiary)50%,var(--color-bg-secondary)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{margin-bottom:var(--spacing-2);height:1em}.skeleton-title{margin-bottom:var(--spacing-4);width:60%;height:2em}.skeleton-card{height:200px}.toast-stack{top:var(--spacing-6);right:var(--spacing-6);z-index:var(--z-tooltip);gap:var(--spacing-3);width:min(420px,calc(100vw - 2*var(--spacing-6)));pointer-events:none;flex-direction:column;display:flex;position:fixed}@media (max-width:640px){.toast-stack{top:var(--spacing-4);right:var(--spacing-4);left:var(--spacing-4);width:auto}}.toast{pointer-events:auto;gap:var(--spacing-4);padding:var(--spacing-4);border-radius:var(--radius-lg);background:var(--color-bg-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);color:var(--color-text-primary);animation:toast-in var(--transition-base)ease-out;grid-template-columns:1fr auto;align-items:start;display:grid}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.toast__body{min-width:0}.toast__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);line-height:var(--line-height-tight);margin-bottom:var(--spacing-1)}.toast__msg{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-secondary);word-break:break-word}.toast__close{border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;line-height:1;display:flex}.toast__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.toast--success{border-left:4px solid var(--color-success)}.toast--success .toast__title{color:var(--color-success)}.toast--error{border-left:4px solid var(--color-error)}.toast--error .toast__title{color:var(--color-error)}.toast--warning{border-left:4px solid var(--color-warning)}.toast--warning .toast__title{color:var(--color-warning)}.toast--info{border-left:4px solid var(--color-info)}.toast--info .toast__title{color:var(--color-info)}[data-theme=dark] .toast{background:#171717eb;border-color:#ffffff1a}[data-theme=dark] .toast__close:hover{background:#ffffff0f;border-color:#ffffff24}.domains-list{gap:var(--spacing-4);flex-direction:column;display:flex}.domain-item{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.domain-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-300)}.domain-row{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4)var(--spacing-6);display:flex}.domain-status-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.domain-status-icon.valid{color:var(--color-primary-600)}.domain-status-icon.warning{color:var(--color-warning)}.domain-status-icon.error{color:var(--color-error)}.domain-info{flex:1;min-width:0}.domain-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--color-text-primary);align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.domain-site{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.domain-badge{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1)var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;display:inline-flex}.domain-badge:hover{transform:translateY(-1px)}.domain-badge.valid{background:var(--color-success-light);color:var(--color-success)}.domain-badge.warning{background:var(--color-warning-light);color:#b45309}.domain-badge.error{background:var(--color-error-light);color:var(--color-error)}.domain-badge-chevron{transition:transform var(--transition-fast);font-size:10px}.domain-badge-chevron.expanded{transform:rotate(180deg)}.domain-actions{gap:var(--spacing-2);flex-shrink:0;display:flex}.domain-actions .btn{padding:var(--spacing-2)var(--spacing-4);font-size:var(--font-size-sm)}.domain-actions .btn-danger{background:var(--color-error);border-color:var(--color-error);color:#fff}.domain-actions .btn-danger:hover{background:#dc2626;border-color:#dc2626}.domain-expanded{background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.dns-tabs{border-bottom:1px solid var(--color-border);padding:0 var(--spacing-6);background:var(--color-bg-primary);display:flex}.dns-tab{padding:var(--spacing-4)var(--spacing-5);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000}.dns-tab:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.dns-tab.active{color:var(--color-text-primary);border-bottom-color:var(--color-primary-600);font-weight:var(--font-weight-semibold)}.dns-content{padding:var(--spacing-6)}.dns-info-box{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-5);margin-bottom:var(--spacing-5)}.dns-info-box.warning{background:var(--color-warning-light);border-color:var(--color-warning)}.dns-info-box.error{background:var(--color-error-light);border-color:var(--color-error)}.dns-info-box.success{background:var(--color-success-light);border-color:var(--color-success)}.dns-info-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--color-text-primary);align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);display:flex}.dns-info-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.dns-info-tip{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-3);align-items:center;gap:var(--spacing-2);display:flex}.dns-records-table{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.dns-records-header{padding:var(--spacing-3)var(--spacing-4);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);grid-template-columns:100px 200px 1fr;display:grid}.dns-record-row{padding:var(--spacing-3)var(--spacing-4);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);grid-template-columns:100px 200px 1fr;align-items:center;display:grid}.dns-record-row:last-child{border-bottom:none}.dns-record-type{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.dns-record-value-container{align-items:center;gap:var(--spacing-2);font-family:var(--font-family-mono);color:var(--color-text-secondary);display:flex}.dns-copy-btn{cursor:pointer;padding:var(--spacing-1);color:var(--color-text-tertiary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.dns-copy-btn:hover{color:var(--color-primary-600)}.dns-copy-btn.copied{color:var(--color-success)}.vercel-dns-section{margin-bottom:var(--spacing-4)}.vercel-dns-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-4)}.vercel-nameservers-box{background:var(--color-primary-50);border:1px solid var(--color-primary-300);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.vercel-nameservers-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.vercel-nameservers-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-3)}.vercel-nameservers-list{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.nameserver-item{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);display:flex}.nameserver-item:last-child{margin-bottom:0}.vercel-propagation-note{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.domains-empty{text-align:center;padding:var(--spacing-16)var(--spacing-8)}.domains-empty-icon{margin-bottom:var(--spacing-4);opacity:.5;font-size:64px}.domains-empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.domains-empty-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.domains-loading{text-align:center;padding:var(--spacing-12);color:var(--color-text-secondary)}.domains-error{background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-lg);padding:var(--spacing-4)var(--spacing-6);color:var(--color-error)}@media (max-width:768px){.domain-row{align-items:flex-start;gap:var(--spacing-3);flex-direction:column}.domain-actions{justify-content:flex-end;width:100%}.dns-records-header,.dns-record-row{font-size:var(--font-size-xs);grid-template-columns:80px 120px 1fr}.domain-name{align-items:flex-start;gap:var(--spacing-2);flex-direction:column}}