:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#09090b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;width:100%}#root{width:100%;min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);outline:none}.btn:focus{box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn__icon{width:1rem;height:1rem;margin-right:var(--spacing-2)}.btn--primary{background-color:var(--color-indigo-600);color:#fff;box-shadow:var(--shadow-lg),var(--shadow-accent)}.btn--primary:hover:not(:disabled){background-color:var(--color-indigo-500)}.btn--secondary{background-color:var(--color-zinc-800);color:var(--color-zinc-100);border:1px solid var(--color-zinc-700)}.btn--secondary:hover:not(:disabled){background-color:var(--color-zinc-700)}.btn--ghost{background-color:transparent;color:var(--color-zinc-400)}.btn--ghost:hover:not(:disabled){background-color:var(--color-zinc-800);color:#fff}.btn--danger{background-color:#ef44441a;color:var(--color-red-400);border:1px solid rgba(239,68,68,.2)}.btn--danger:hover:not(:disabled){background-color:#ef444433}.btn--icon{padding:var(--spacing-2)}.btn--icon .btn__icon{margin-right:0}.btn--full{width:100%}.input-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.input-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.input{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-sm);color:var(--color-text-primary);background-color:var(--color-zinc-950);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.input::placeholder{color:var(--color-zinc-600)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.input:disabled{opacity:.5;cursor:not-allowed}.input--error{border-color:var(--color-red-400)}.input--error:focus{box-shadow:0 0 0 1px var(--color-red-400)}.input-error-message{font-size:var(--text-xs);color:var(--color-red-400)}.search-input{position:relative}.search-input__icon{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);width:1rem;height:1rem}.search-input__field{padding-left:2.25rem;background-color:var(--color-bg-secondary)}.select{background:transparent;border:none;font-size:var(--text-sm);color:var(--color-zinc-200);cursor:pointer;outline:none;flex:1;padding-right:var(--spacing-8)}.select:focus{outline:none}.textarea{resize:none;line-height:1.6;font-family:var(--font-mono)}.card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--transition-base)}.card:hover{border-color:var(--color-border-hover)}.card--interactive{cursor:pointer}.card--active{border-color:#6366f180;background-color:#27272a80}.card--dashed{background-color:transparent;border-style:dashed;border-width:2px}.badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);border:1px solid}.badge--active{background-color:#10b9811a;color:var(--color-emerald-400);border-color:#10b98133}.badge--sent{background-color:#3b82f61a;color:var(--color-blue-400);border-color:#3b82f633}.badge--opened{background-color:#a855f71a;color:var(--color-purple-400);border-color:#a855f733}.badge--failed,.badge--error{background-color:#ef44441a;color:var(--color-red-400);border-color:#ef444433}.badge--idle,.badge--inactive{background-color:#71717a1a;color:var(--color-zinc-400);border-color:#71717a33}.badge--suspended{background-color:#fbbf241a;color:var(--color-amber-400);border-color:#fbbf2433}.text{margin:0;line-height:1.5}.text--h1{font-size:var(--text-3xl);line-height:1.2;font-weight:var(--font-bold)}.text--h2{font-size:var(--text-xl);line-height:1.3;font-weight:var(--font-semibold)}.text--h3{font-size:var(--text-lg);line-height:1.4;font-weight:var(--font-semibold)}.text--h4{font-size:var(--text-base);line-height:1.4;font-weight:var(--font-medium)}.text--body{font-size:var(--text-sm)}.text--small{font-size:var(--text-xs)}.text--caption{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.text--primary{color:var(--color-text-primary)}.text--secondary{color:var(--color-text-secondary)}.text--muted{color:var(--color-text-muted)}.text--accent{color:var(--color-accent)}.text--success{color:var(--color-success)}.text--warning{color:var(--color-warning)}.text--error{color:var(--color-error)}.text--normal{font-weight:var(--font-normal)}.text--medium{font-weight:var(--font-medium)}.text--semibold{font-weight:var(--font-semibold)}.text--bold{font-weight:var(--font-bold)}.modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);background-color:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:background-color .3s ease,backdrop-filter .3s ease;pointer-events:none}.modal-overlay--visible{background-color:#000000bf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}.modal-overlay--hidden{background-color:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);pointer-events:none}.modal{position:relative;width:100%;max-height:90vh;overflow:hidden;background-color:#0c0c0c;border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d inset;display:flex;flex-direction:column;opacity:0;transform:scale(.95) translateY(10px);transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.modal--visible{opacity:1;transform:scale(1) translateY(0)}.modal--hidden{opacity:0;transform:scale(.95) translateY(10px)}.modal--sm{max-width:400px}.modal--md{max-width:500px}.modal--lg{max-width:650px}.modal--xl{max-width:800px}.modal--full{width:calc(100vw - 2rem);height:calc(90vh - 2rem);max-width:none;max-height:none}.modal__close-floating{position:absolute;top:var(--spacing-4);right:var(--spacing-4);display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background-color:var(--color-zinc-700);color:var(--color-text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),opacity .3s ease;z-index:1;opacity:0;transform:scale(.8)}.modal-overlay--visible .modal__close-floating{opacity:1;transform:scale(1);transition-delay:.1s}.modal__close-floating:hover{background-color:var(--color-zinc-600);color:var(--color-text-primary);transform:scale(1.05)}.modal__close-floating:active{transform:scale(.95)}.modal__close-floating:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg-secondary),0 0 0 4px var(--color-accent)}.modal__close-icon{width:18px;height:18px}.modal__body{padding:var(--spacing-5);overflow-y:auto;flex:1;color:var(--color-text-primary)}.modal__body::-webkit-scrollbar{width:6px}.modal__body::-webkit-scrollbar-track{background:transparent}.modal__body::-webkit-scrollbar-thumb{background:var(--color-zinc-700);border-radius:var(--radius-full)}body.modal-open{overflow:hidden}@media(max-width:640px){.modal-overlay{padding:var(--spacing-3);align-items:flex-end}.modal{max-height:85vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;transform:scale(1) translateY(100%)}.modal--visible{transform:scale(1) translateY(0)}.modal--hidden{transform:scale(1) translateY(100%)}.modal--sm,.modal--md,.modal--lg,.modal--xl{max-width:100%}}@keyframes modalContentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal--visible .modal__body{animation:modalContentFadeIn .3s ease .1s both}.stat-card{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-5);background:linear-gradient(80deg,transparent 10%,rgba(31,31,32,.267) 100%);border:1px dashed var(--color-border-primary);border-radius:var(--radius-xl);overflow:hidden}.stat-card__content{display:flex;flex-direction:column}.stat-card__label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-card__value{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:#fff;margin-top:var(--spacing-1)}.stat-card__change{font-size:var(--text-xs);margin-top:var(--spacing-2);display:inline-block}.stat-card__change--positive{color:var(--color-success-text)}.stat-card__change--neutral{color:var(--color-text-muted)}.stat-card__icon{padding:var(--spacing-2);border-radius:var(--radius-lg);background-color:#27272a80}.stat-card__icon--blue{color:var(--color-blue-400)}.stat-card__icon--purple{color:var(--color-purple-400)}.stat-card__icon--emerald{color:var(--color-emerald-400)}.stat-card__icon--red{color:var(--color-red-400)}.profile-modal{max-width:420px;margin:0 auto}.profile-modal__header{display:flex;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.profile-modal__header-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#6366f133,#8b5cf633);border-radius:var(--radius-lg);color:var(--color-indigo-400)}.profile-modal__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-white);margin:0}.profile-modal__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:4px 0 0}.profile-modal__close{margin-left:auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base)}.profile-modal__close:hover{background:#ffffff1a;color:var(--color-white)}.profile-modal__current-avatar{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.profile-modal__avatar-large{width:96px;height:96px;border-radius:var(--radius-xl);box-shadow:0 4px 24px #0000004d;border:3px solid rgba(99,102,241,.3)}.profile-modal__regenerate{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-full);color:var(--color-indigo-400);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.profile-modal__regenerate:hover{background:#6366f133;border-color:#6366f166}.profile-modal__regenerate svg{transition:transform .3s ease}.profile-modal__regenerate:hover svg{transform:rotate(180deg)}.profile-modal__avatar-section{margin-bottom:var(--spacing-5)}.profile-modal__label{display:block;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:.05em}.profile-modal__avatar-grid{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.profile-modal__avatar-option{position:relative;width:48px;height:48px;padding:0;background:transparent;border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);overflow:hidden}.profile-modal__avatar-option img{width:100%;height:100%;border-radius:inherit}.profile-modal__avatar-option:hover{border-color:var(--color-indigo-500);transform:scale(1.05)}.profile-modal__avatar-option--selected{border-color:var(--color-indigo-500);box-shadow:0 0 0 2px #6366f14d}.profile-modal__avatar-check{position:absolute;bottom:-2px;right:-2px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--color-indigo-500);border-radius:50%;color:#fff}.profile-modal__field{margin-bottom:var(--spacing-4)}.profile-modal__input{width:100%;padding:var(--spacing-3);background:#18181bcc;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-white);font-size:var(--text-sm);transition:all var(--transition-base)}.profile-modal__input:focus{outline:none;border-color:var(--color-indigo-500);box-shadow:0 0 0 2px #6366f133}.profile-modal__input--readonly{background:#18181b66;color:var(--color-text-muted);cursor:not-allowed}.profile-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:1px solid var(--color-border-primary)}.sidebar{width:16rem;background-color:var(--color-bg-primary);border-right:1px solid var(--color-border-primary);display:flex;flex-direction:column;height:100vh;position:fixed;top:0;left:0;bottom:0;z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--transition-base)}.sidebar--visible{transform:translate(0);box-shadow:var(--shadow-xl)}@media(min-width:1024px){.sidebar{position:static;transform:none;box-shadow:none;display:flex}}.sidebar__logo{padding:var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-3)}.sidebar__logo-icon{width:2rem;height:2rem;background-color:var(--color-indigo-600);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg),0 4px 14px #4f46e580;color:#fff}.sidebar__logo-text{font-weight:var(--font-bold);font-size:var(--text-lg);letter-spacing:-.025em}.sidebar__logo-accent{color:var(--color-indigo-500)}.sidebar__nav{flex:1;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-1)}.sidebar__nav-label{padding:0 var(--spacing-4);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-2)}.sidebar__nav-item{width:100%;display:flex;align-items:center;padding:.625rem var(--spacing-4);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-lg);border:1px solid transparent;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.sidebar__nav-item:hover{background-color:#18181b80;color:var(--color-zinc-200)}.sidebar__nav-item--active{background:linear-gradient(to right,transparent 0%,var(--color-bg-secondary) 90%);color:#fff;box-shadow:var(--shadow-sm);border:1px solid rgba(39,39,42,.5)}.sidebar__nav-icon{width:1rem;height:1rem;margin-right:var(--spacing-3);color:var(--color-text-muted)}.sidebar__nav-item--active .sidebar__nav-icon{color:var(--color-accent-text)}.sidebar__profile{padding:var(--spacing-4);border-top:1px solid var(--color-border-primary)}.sidebar__profile-card{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2);border-radius:var(--radius-lg);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);transition:all var(--transition-base)}.sidebar__profile-card--clickable{cursor:pointer}.sidebar__profile-card--clickable:hover{background-color:#27272acc;border-color:var(--color-border-secondary)}.sidebar__profile-avatar{width:2rem;height:2rem;border-radius:var(--radius-md);background:linear-gradient(to top right,var(--color-purple-500),var(--color-indigo-500));display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold);color:#fff}.sidebar__profile-avatar-img{width:2rem;height:2rem;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.sidebar__profile-info{overflow:hidden;flex:1}.sidebar__profile-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__profile-role{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__profile-logout{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base)}.sidebar__profile-logout:hover{background-color:var(--color-bg-primary);color:var(--color-red-500)}.sidebar-backdrop{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:150;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.sidebar-backdrop--visible{opacity:1;pointer-events:auto}@media(min-width:1024px){.sidebar-backdrop{display:none}}.mobile-header{display:none}@media(max-width:1023px){.mobile-header{display:flex;position:fixed;top:0;width:100%;height:4rem;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-primary);align-items:center;justify-content:space-between;padding:0 var(--spacing-4);z-index:var(--z-sticky)}}.mobile-header__logo{font-weight:var(--font-bold);font-size:var(--text-lg)}.mobile-header__button{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-2);transition:color var(--transition-base)}.mobile-header__button:hover{color:#fff}.auth-loading{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-primary)}.auth-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-indigo-500);border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.protected-route-loader{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0f,#12121a,#0d0d14);overflow:hidden;z-index:9999;opacity:1;transition:opacity .5s ease-out,transform .5s ease-out}.protected-route-loader--fade-out{opacity:0;pointer-events:none}.protected-route-loader--fade-out .protected-route-loader__container{transform:scale(.95);opacity:0}.protected-route-loader:before,.protected-route-loader:after{content:"";position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:float 8s ease-in-out infinite}.protected-route-loader:before{width:400px;height:400px;background:linear-gradient(135deg,#6366f1,#8b5cf6);top:-100px;left:-100px;animation-delay:0s}.protected-route-loader:after{width:350px;height:350px;background:linear-gradient(135deg,#3b82f6,#06b6d4);bottom:-80px;right:-80px;animation-delay:-4s}.protected-route-loader__container{position:relative;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:3rem;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px #ffffff0d,0 20px 50px -10px #00000080,inset 0 1px #ffffff1a;z-index:1;transition:transform .5s ease-out,opacity .5s ease-out}.protected-route-loader__spinner-wrapper{position:relative;width:80px;height:80px}.protected-route-loader__spinner{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;border-top-color:#6366f1;animation:spin 1s cubic-bezier(.68,-.55,.27,1.55) infinite}.protected-route-loader__spinner-inner{position:absolute;inset:8px;border-radius:50%;border:3px solid transparent;border-top-color:#8b5cf6;animation:spin .8s cubic-bezier(.68,-.55,.27,1.55) infinite reverse}.protected-route-loader__spinner-core{position:absolute;inset:16px;border-radius:50%;border:3px solid transparent;border-top-color:#a78bfa;animation:spin .6s cubic-bezier(.68,-.55,.27,1.55) infinite}.protected-route-loader__pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;animation:pulse 1.5s ease-in-out infinite;box-shadow:0 0 20px #6366f180}.protected-route-loader__content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.protected-route-loader__title{font-size:1.125rem;font-weight:600;color:#fff;letter-spacing:-.025em}.protected-route-loader__text{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#ffffff80;font-weight:500}.protected-route-loader__dots{display:flex;gap:4px}.protected-route-loader__dot{width:4px;height:4px;background:#6366f1cc;border-radius:50%;animation:dotPulse 1.4s ease-in-out infinite}.protected-route-loader__dot:nth-child(2){animation-delay:.2s}.protected-route-loader__dot:nth-child(3){animation-delay:.4s}.protected-route-loader__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff0d;border-radius:0 0 24px 24px;overflow:hidden}.protected-route-loader__progress-bar{height:100%;width:30%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#6366f1);background-size:200% 100%;border-radius:3px;animation:shimmer 1.5s ease-in-out infinite,progressMove 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.7}}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(-30px,-20px) scale(1.05)}}@keyframes dotPulse{0%,60%,to{transform:scale(1);opacity:.5}30%{transform:scale(1.4);opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes progressMove{0%{transform:translate(-100%)}50%{transform:translate(250%)}to{transform:translate(-100%)}}.protected-route-loader__grain{position:fixed;inset:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:0}.infrastructure{display:flex;flex-direction:column;gap:var(--spacing-6);animation:slideUp var(--transition-slow) ease forwards}.infrastructure__header{display:flex;justify-content:space-between;align-items:flex-end}.infrastructure__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:#fff;letter-spacing:-.025em}.infrastructure__subtitle{color:var(--color-text-secondary)}.infrastructure__list{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}.smtp-card{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4);transition:transform var(--transition-base),box-shadow var(--transition-base)}.smtp-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}@media(min-width:768px){.smtp-card{flex-direction:row;align-items:center;padding:var(--spacing-6)}}.smtp-card__icon{padding:var(--spacing-3);background-color:var(--color-zinc-800);border-radius:var(--radius-lg);color:var(--color-zinc-300);display:flex;align-items:center;justify-content:center}.smtp-card__info{flex:1;min-width:0;display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}@media(min-width:768px){.smtp-card__info{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.smtp-card__info{grid-template-columns:repeat(4,1fr)}}.smtp-card__field-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.smtp-card__field-value{font-size:var(--text-sm);color:var(--color-zinc-300)}.smtp-card__field-value--name{font-size:var(--text-base);color:#fff;font-weight:var(--font-medium)}.smtp-card__field-value--mono{font-family:var(--font-mono)}.smtp-card__actions{display:flex;align-items:center;gap:var(--spacing-2);border-top:1px solid var(--color-border-primary);padding-top:var(--spacing-4);margin-top:var(--spacing-2)}@media(min-width:768px){.smtp-card__actions{border-top:none;border-left:1px solid var(--color-border-primary);padding-top:0;padding-left:var(--spacing-4);margin-top:0}}.smtp-card__action-btn{padding:var(--spacing-2);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-base)}.smtp-card__action-btn:hover{color:#fff;background-color:var(--color-zinc-800)}.smtp-card__action-btn--primary{color:var(--color-primary);background-color:#3b82f61a}.smtp-card__action-btn--primary:hover{color:#fff;background-color:var(--color-primary)}.smtp-card__action-btn--danger:hover{color:var(--color-red-400);background-color:#ef44441a}.skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton__box{background-color:var(--color-zinc-800);border-radius:var(--radius-md)}.smtp-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.smtp-form__header{display:flex;flex-direction:column;gap:var(--spacing-2)}.smtp-form__body{display:flex;flex-direction:column;gap:var(--spacing-4)}.smtp-form__row{display:flex;flex-direction:column;gap:var(--spacing-2)}.smtp-form__row--split{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}@media(min-width:640px){.smtp-form__row--split{grid-template-columns:1fr 1fr}}.smtp-form__hint{margin-top:var(--spacing-1)}.smtp-form__footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid var(--color-border-primary)}.upload-leads-modal{display:flex;flex-direction:column;gap:var(--spacing-5)}.upload-leads-modal__header{display:flex;flex-direction:column;gap:var(--spacing-2)}.upload-leads-modal__smtp-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);background-color:var(--color-zinc-800);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-primary);width:fit-content;margin-bottom:var(--spacing-2)}.upload-leads-modal__dropzone{border:2px dashed var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-8);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);background-color:transparent;min-height:180px}.upload-leads-modal__dropzone:hover{border-color:var(--color-zinc-600);background-color:var(--color-zinc-800)}.upload-leads-modal__dropzone--active{border-color:var(--color-primary);background-color:#3b82f61a}.upload-leads-modal__dropzone--compact{border-style:solid;border-color:var(--color-zinc-700);padding:var(--spacing-4);min-height:auto;cursor:default}.upload-leads-modal__dropzone--compact:hover{border-color:var(--color-zinc-600);background-color:transparent}.upload-leads-modal__file-input{display:none}.upload-leads-modal__dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);text-align:center}.upload-leads-modal__dropzone-icon{color:var(--color-text-secondary);padding:var(--spacing-4);background-color:var(--color-zinc-800);border-radius:var(--radius-full)}.upload-leads-modal__file-selected{display:flex;align-items:center;gap:var(--spacing-3);width:100%;animation:fadeIn var(--transition-base) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.upload-leads-modal__file-icon{padding:var(--spacing-3);background-color:var(--color-zinc-800);border-radius:var(--radius-lg);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.upload-leads-modal__file-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.upload-leads-modal__file-details p:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-leads-modal__file-remove{padding:var(--spacing-2);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-base)}.upload-leads-modal__file-remove:hover{color:var(--color-red-400);background-color:#ef44441a}.upload-leads-modal__error{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:var(--color-red-400)}.upload-leads-modal__preview{background-color:var(--color-zinc-900);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden;animation:fadeIn var(--transition-base) ease-out}.upload-leads-modal__preview-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-zinc-800);border-bottom:1px solid var(--color-border-primary)}.upload-leads-modal__preview-title{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary)}.upload-leads-modal__preview-table-wrapper{overflow-x:auto}.upload-leads-modal__preview-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.upload-leads-modal__preview-table th,.upload-leads-modal__preview-table td{padding:var(--spacing-2) var(--spacing-3);text-align:left;border-bottom:1px solid var(--color-border-primary);white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.upload-leads-modal__preview-table th{background-color:var(--color-zinc-800);color:var(--color-text-secondary);font-weight:var(--font-medium);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.upload-leads-modal__preview-table td{color:var(--color-zinc-300)}.upload-leads-modal__preview-table tbody tr:hover{background-color:var(--color-zinc-800)}.upload-leads-modal__preview-table tbody tr:last-child td{border-bottom:none}.upload-leads-modal__preview-more{padding:var(--spacing-2) var(--spacing-4);text-align:center;background-color:var(--color-zinc-800);border-top:1px solid var(--color-border-primary)}.upload-leads-modal__preview-loading{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}.upload-leads-modal__skeleton{height:32px;background-color:var(--color-zinc-800);border-radius:var(--radius-md);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.upload-leads-modal__skeleton:nth-child(1){width:100%}.upload-leads-modal__skeleton:nth-child(2){width:85%}.upload-leads-modal__skeleton:nth-child(3){width:70%}.upload-leads-modal__help{padding:var(--spacing-3);background-color:var(--color-zinc-900);border-radius:var(--radius-md);border:1px solid var(--color-border-primary)}.upload-leads-modal__help code{font-family:var(--font-mono);font-size:var(--text-xs);background-color:var(--color-zinc-800);padding:.125rem .375rem;border-radius:var(--radius-sm);color:var(--color-zinc-300)}.upload-leads-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid var(--color-border-primary)}.smtp-card--clickable{cursor:pointer}.smtp-card__chevron{color:var(--color-text-secondary);transition:transform var(--transition-base),color var(--transition-base)}.smtp-card--clickable:hover .smtp-card__chevron{color:#fff;transform:translate(4px)}.smtp-detail{display:flex;flex-direction:column;gap:var(--spacing-6);animation:slideUp var(--transition-slow) ease forwards}.smtp-detail__loading,.smtp-detail__not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);min-height:400px}.smtp-detail__header{display:flex;flex-direction:column;gap:var(--spacing-4)}.smtp-detail__back{display:inline-flex;align-items:center;gap:var(--spacing-2);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;padding:0;transition:color var(--transition-base)}.smtp-detail__back:hover{color:#fff}.smtp-detail__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4)}.smtp-detail__title-content{display:flex;align-items:center;gap:var(--spacing-4)}.smtp-detail__icon{padding:var(--spacing-4);background-color:var(--color-zinc-800);border-radius:var(--radius-xl);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.smtp-detail__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:#fff;letter-spacing:-.025em;margin:0}.smtp-detail__subtitle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary)}.smtp-detail__info-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-4)}@media(min-width:640px){.smtp-detail__info-grid{grid-template-columns:repeat(3,1fr)}}.smtp-detail__info-card{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-zinc-900);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg)}.smtp-detail__info-icon{padding:var(--spacing-2);background-color:var(--color-zinc-800);border-radius:var(--radius-md);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.smtp-detail__info-content{display:flex;flex-direction:column;gap:2px}.smtp-detail__actions-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.smtp-detail__upload-section{display:flex;flex-direction:column;gap:var(--spacing-5);padding:var(--spacing-6)}.smtp-detail__upload-header{display:flex;flex-direction:column;gap:var(--spacing-1)}.smtp-detail__dropzone{border:2px dashed var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-8);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);background-color:transparent;min-height:200px}.smtp-detail__dropzone:hover{border-color:var(--color-zinc-600);background-color:var(--color-zinc-800)}.smtp-detail__dropzone--active{border-color:var(--color-primary);background-color:#3b82f61a}.smtp-detail__dropzone--compact{border-style:solid;border-color:var(--color-zinc-700);padding:var(--spacing-4);min-height:auto;cursor:default}.smtp-detail__dropzone--compact:hover{background-color:transparent}.smtp-detail__file-input{display:none}.smtp-detail__dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);text-align:center}.smtp-detail__dropzone-icon{color:var(--color-text-secondary);padding:var(--spacing-4);background-color:var(--color-zinc-800);border-radius:var(--radius-full)}.smtp-detail__file-selected{display:flex;align-items:center;gap:var(--spacing-3);width:100%;animation:fadeIn var(--transition-base) ease-out}.smtp-detail__file-icon{padding:var(--spacing-3);background-color:var(--color-zinc-800);border-radius:var(--radius-lg);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.smtp-detail__file-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.smtp-detail__file-details p:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smtp-detail__file-remove{padding:var(--spacing-2);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-base)}.smtp-detail__file-remove:hover{color:var(--color-red-400);background-color:#ef44441a}.smtp-detail__error{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:var(--color-red-400)}.smtp-detail__preview{background-color:var(--color-zinc-900);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden;animation:fadeIn var(--transition-base) ease-out}.smtp-detail__preview-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-zinc-800);border-bottom:1px solid var(--color-border-primary)}.smtp-detail__preview-title{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary)}.smtp-detail__preview-table-wrapper{overflow-x:auto}.smtp-detail__preview-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.smtp-detail__preview-table th,.smtp-detail__preview-table td{padding:var(--spacing-2) var(--spacing-3);text-align:left;border-bottom:1px solid var(--color-border-primary);white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.smtp-detail__preview-table th{background-color:var(--color-zinc-800);color:var(--color-text-secondary);font-weight:var(--font-medium);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.smtp-detail__preview-table td{color:var(--color-zinc-300)}.smtp-detail__preview-table tbody tr:hover{background-color:var(--color-zinc-800)}.smtp-detail__preview-table tbody tr:last-child td{border-bottom:none}.smtp-detail__preview-more{padding:var(--spacing-2) var(--spacing-4);text-align:center;background-color:var(--color-zinc-800);border-top:1px solid var(--color-border-primary)}.smtp-detail__preview-loading{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}.smtp-detail__skeleton{height:32px;background-color:var(--color-zinc-800);border-radius:var(--radius-md);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.smtp-detail__skeleton:nth-child(1){width:100%}.smtp-detail__skeleton:nth-child(2){width:85%}.smtp-detail__skeleton:nth-child(3){width:70%}.smtp-detail__help{padding:var(--spacing-3);background-color:var(--color-zinc-900);border-radius:var(--radius-md);border:1px solid var(--color-border-primary)}.smtp-detail__help code{font-family:var(--font-mono);font-size:var(--text-xs);background-color:var(--color-zinc-800);padding:.125rem .375rem;border-radius:var(--radius-sm);color:var(--color-zinc-300)}.smtp-detail__upload-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid var(--color-border-primary)}.smtp-detail__test-result{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);animation:fadeIn var(--transition-base) ease-out}.smtp-detail__test-result--success{background-color:#10b9811a;border:1px solid rgba(16,185,129,.3)}.smtp-detail__test-result--success .smtp-detail__test-result-icon{color:var(--color-emerald-400)}.smtp-detail__test-result--error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3)}.smtp-detail__test-result--error .smtp-detail__test-result-icon{color:var(--color-red-400)}.smtp-detail__test-result-icon{display:flex;align-items:center;justify-content:center}.smtp-detail__test-result-content{flex:1;display:flex;flex-direction:column;gap:2px}.smtp-detail__test-result-time{display:inline-flex;align-items:center;gap:var(--spacing-1);margin-left:var(--spacing-2);color:var(--color-text-secondary)}.smtp-detail__test-result-close{padding:var(--spacing-1) var(--spacing-2);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-xl);line-height:1;border-radius:var(--radius-md);transition:all var(--transition-base)}.smtp-detail__test-result-close:hover{color:#fff;background-color:#ffffff1a}:root{--color-zinc-50: #fafafa;--color-zinc-100: #f4f4f5;--color-zinc-200: #e4e4e7;--color-zinc-300: #d4d4d8;--color-zinc-400: #a1a1aa;--color-zinc-500: #71717a;--color-zinc-600: #52525b;--color-zinc-700: #3f3f46;--color-zinc-800: #202022;--color-zinc-900: #18181b;--color-zinc-950: #09090b;--color-indigo-400: #818cf8;--color-indigo-500: #6366f1;--color-indigo-600: #4f46e5;--color-indigo-900: #312e81;--color-emerald-400: #34d399;--color-emerald-500: #10b981;--color-purple-400: #c084fc;--color-purple-500: #a855f7;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-red-400: #f87171;--color-red-500: #ef4444;--color-orange-500: #f97316;--color-bg-primary: var(--color-zinc-950);--color-bg-secondary: var(--color-zinc-900);--color-bg-tertiary: var(--color-zinc-800);--color-bg-elevated: var(--color-zinc-900);--color-text-primary: var(--color-zinc-100);--color-text-secondary: var(--color-zinc-400);--color-text-muted: var(--color-zinc-500);--color-text-disabled: var(--color-zinc-600);--color-border-primary: var(--color-zinc-800);--color-border-hover: var(--color-zinc-700);--color-border-focus: var(--color-indigo-500);--color-accent: var(--color-indigo-600);--color-accent-hover: var(--color-indigo-500);--color-accent-text: var(--color-indigo-400);--color-success: var(--color-emerald-500);--color-success-text: var(--color-emerald-400);--color-error: var(--color-red-500);--color-error-text: var(--color-red-400);--color-warning: var(--color-orange-500);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-accent: 0 4px 14px 0 rgba(79, 70, 229, .2);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;min-height:100vh}::selection{background-color:#6366f14d}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.items-center{align-items:center}.items-start{align-items:start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.space-x-2>*+*{margin-left:var(--spacing-2)}.space-x-3>*+*{margin-left:var(--spacing-3)}.space-y-1>*+*{margin-top:var(--spacing-1)}.space-y-3>*+*{margin-top:var(--spacing-3)}.space-y-4>*+*{margin-top:var(--spacing-4)}.space-y-6>*+*{margin-top:var(--spacing-6)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2 / span 2}}.w-full{width:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-mono{font-family:var(--font-mono)}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-white{color:#fff}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent-text)}.text-success{color:var(--color-success-text)}.text-error{color:var(--color-error-text)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-accent{background-color:var(--color-accent)}.border{border:1px solid var(--color-border-primary)}.border-t{border-top:1px solid var(--color-border-primary)}.border-b{border-bottom:1px solid var(--color-border-primary)}.border-l{border-left:1px solid var(--color-border-primary)}.border-r{border-right:1px solid var(--color-border-primary)}.border-dashed{border-style:dashed}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.transition{transition:all var(--transition-base)}.transition-colors{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.outline-none{outline:none}.focus-ring:focus{outline:none;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn var(--transition-slow) ease forwards}.animate-slideUp{animation:slideUp var(--transition-slow) ease forwards}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media(min-width:640px){.sm\:w-auto{width:auto}.sm\:flex-row{flex-direction:row}}@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:p-6{padding:var(--spacing-6)}.md\:p-8{padding:var(--spacing-8)}.md\:pt-0{padding-top:0}.md\:pl-4{padding-left:var(--spacing-4)}.md\:border-t-0{border-top:none}.md\:border-l{border-left:1px solid var(--color-border-primary)}.md\:mt-0{margin-top:0}.md\:static{position:static}}@media(min-width:1024px){.lg\:block{display:block}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2 / span 2}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-zinc-700);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-zinc-600)}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--spacing-4)}.page-loader__spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-zinc-800);border-top-color:var(--color-indigo-500);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-loader__text{font-size:var(--text-sm);color:var(--color-text-muted)}.app{min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-sans)}.app__container{display:flex;height:100vh;overflow:hidden}.app__main{flex:1;overflow:auto;position:relative;padding-top:4rem}@media(min-width:1024px){.app__main{position:static;padding-top:0}}.app__content{width:100%;padding:var(--spacing-4)}@media(min-width:1024px){.app__content{padding:var(--spacing-6) var(--spacing-8)}}