:root{--color-bg: #FFFFFF;--color-bg-alt: #F8FAFC;--color-bg-hover: #F1F5F9;--color-bg-active: #E2E8F0;--color-text: #0F172A;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-text-inverse: #FFFFFF;--color-accent: #2563EB;--color-accent-dark: #1D4ED8;--color-accent-light: #EFF6FF;--color-accent-end: #60A5FA;--gradient-accent: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);--gradient-accent-hover:linear-gradient(135deg, #1D4ED8 0%, #1E40AF 100%);--color-success: #22C55E;--color-success-bg: #F0FDF4;--color-success-border: #BBF7D0;--color-error: #EF4444;--color-error-bg: #FEF2F2;--color-error-border: #FECACA;--color-warning: #F59E0B;--color-warning-bg: #FFFBEB;--color-warning-border: #FDE68A;--color-info: #3B82F6;--color-info-bg: #EFF6FF;--color-info-border: #BFDBFE;--border-color: #E2E8F0;--border: 1px solid #E2E8F0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .12);--radius-sm: 6px;--radius: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--sidebar-width: 260px;--sidebar-collapsed: 72px;--topbar-height: 64px;--bottom-nav-height: 64px;--container-max: 1280px;--transition-fast: .15s ease;--transition: .2s ease;--transition-slow: .3s ease;--z-dropdown: 50;--z-sticky: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{height:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior:none;scrollbar-width:none}#app,#root{height:auto;min-height:100dvh;overflow:visible}body::-webkit-scrollbar,html::-webkit-scrollbar,.main-wrapper::-webkit-scrollbar{display:none}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg)}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}img,video{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);line-height:var(--leading-tight);overflow-wrap:break-word}p{overflow-wrap:break-word}table{border-collapse:collapse;width:100%}fieldset{border:none}hr{border:none;border-top:var(--border);margin:var(--space-6) 0}::selection{background-color:var(--color-accent-light);color:var(--color-accent-dark)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.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)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.font-extrabold{font-weight:var(--weight-extrabold)}.text-primary{color:var(--color-text)}.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-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-gradient{background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-text-inverse);border-radius:var(--radius);z-index:var(--z-tooltip);font-weight:var(--weight-semibold);transition:top var(--transition)}.skip-link:focus{top:var(--space-4)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (pointer: coarse){button,a,input,select,[role=button],[role=tab],[role=menuitem]{min-height:44px;min-width:44px}}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width: 640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width: 1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.mx-auto{margin-left:auto;margin-right:auto}.landing-nav{position:sticky;top:0;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:var(--border);z-index:var(--z-sticky);padding:var(--space-4) 0}.landing-nav__inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}.landing-nav__logo{font-size:var(--text-xl);font-weight:var(--weight-bold);display:flex;align-items:center;gap:var(--space-2)}.landing-nav__links{display:none;gap:var(--space-8);align-items:center}@media (min-width: 768px){.landing-nav__links{display:flex}}.landing-nav__link{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);transition:color var(--transition)}.landing-nav__link:hover{color:var(--color-text)}.landing-nav__actions{display:flex;align-items:center;gap:var(--space-3)}.landing-nav__hamburger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius)}@media (min-width: 768px){.landing-nav__hamburger{display:none}}.hero{padding:var(--space-16) 0 var(--space-20);text-align:center;overflow:hidden}@media (min-width: 768px){.hero{padding:var(--space-24) 0}}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:var(--color-accent-light);color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--space-6)}.hero__title{font-size:var(--text-4xl);font-weight:var(--weight-extrabold);line-height:1.1;margin-bottom:var(--space-6);max-width:800px;margin-left:auto;margin-right:auto}@media (min-width: 768px){.hero__title{font-size:var(--text-5xl)}}.hero__title .text-gradient{background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-8);line-height:var(--leading-relaxed)}.hero__actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;justify-content:center}@media (min-width: 640px){.hero__actions{flex-direction:row}}.hero__image{margin-top:var(--space-12);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:var(--border);overflow:hidden}.features{padding:var(--space-20) 0;background:var(--color-bg-alt)}.features__header{text-align:center;margin-bottom:var(--space-12)}.features__header h2{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--space-4)}.features__header p{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.features__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 640px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.features__grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--color-bg);border:var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:transform var(--transition),box-shadow var(--transition)}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.feature-card__icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);margin-bottom:var(--space-4);font-size:var(--text-xl)}.feature-card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.feature-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.steps{padding:var(--space-20) 0}.steps__header{text-align:center;margin-bottom:var(--space-12)}.steps__header h2{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--space-4)}.steps__list{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:900px;margin:0 auto}@media (min-width: 768px){.steps__list{grid-template-columns:repeat(3,1fr)}}.step{text-align:center;position:relative}.step__number{width:48px;height:48px;border-radius:var(--radius-full);background:var(--gradient-accent);color:var(--color-text-inverse);display:inline-flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:var(--text-lg);margin-bottom:var(--space-4)}.step__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.step__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.cta-section{padding:var(--space-20) 0;background:var(--color-bg-alt)}.cta-card{background:var(--gradient-accent);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-text-inverse);max-width:800px;margin:0 auto}@media (min-width: 768px){.cta-card{padding:var(--space-16) var(--space-12)}}.cta-card h2{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--space-4)}.cta-card p{font-size:var(--text-lg);opacity:.9;margin-bottom:var(--space-8);max-width:500px;margin-left:auto;margin-right:auto}.cta-card .btn-white{background:var(--color-bg);color:var(--color-text);font-weight:var(--weight-semibold);padding:var(--space-3) var(--space-8);border-radius:var(--radius);font-size:var(--text-base);transition:transform var(--transition),box-shadow var(--transition);display:inline-flex;align-items:center;gap:var(--space-2)}.cta-card .btn-white:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.footer{padding:var(--space-12) 0 var(--space-6);border-top:var(--border)}.footer__grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);margin-bottom:var(--space-8)}@media (min-width: 640px){.footer__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.footer__grid{grid-template-columns:2fr repeat(3,1fr)}}.footer__brand{margin-bottom:var(--space-4)}.footer__brand-name{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.footer__brand-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:280px}.footer__col-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-4)}.footer__col-links{display:flex;flex-direction:column;gap:var(--space-3)}.footer__col-link{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition)}.footer__col-link:hover{color:var(--color-text)}.footer__bottom{padding-top:var(--space-6);border-top:var(--border);display:flex;flex-direction:column;gap:var(--space-4);align-items:center;justify-content:space-between}@media (min-width: 640px){.footer__bottom{flex-direction:row}}.footer__copyright{font-size:var(--text-sm);color:var(--color-text-muted)}.footer__socials{display:flex;gap:var(--space-4)}.footer__social-link{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-bg-alt);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:background var(--transition),color var(--transition)}.footer__social-link:hover{background:var(--color-accent-light);color:var(--color-accent)}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100dvh;padding:20px 16px 60px;background:linear-gradient(180deg,#f8fafc,#eff6ff,#fff);overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.login-card{background:var(--color-bg);border:var(--border);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:420px;box-shadow:var(--shadow-md)}@media (min-width: 640px){.auth-card{padding:var(--space-10)}}.auth-card__logo{text-align:center;margin-bottom:var(--space-6)}.auth-card__logo-text{font-size:var(--text-2xl);font-weight:var(--weight-bold)}.auth-card__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);text-align:center;margin-bottom:var(--space-2)}.auth-card__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-6)}.auth-card__form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-card__divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-4) 0}.auth-card__divider:before,.auth-card__divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-card__divider-text{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.auth-card__footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-card__footer a{color:var(--color-accent);font-weight:var(--weight-medium);transition:color var(--transition)}.auth-card__footer a:hover{color:var(--color-accent-dark)}.password-strength{display:flex;gap:var(--space-1);margin-top:var(--space-2)}.password-strength__bar{flex:1;height:4px;border-radius:var(--radius-full);background:var(--color-bg-active);transition:background var(--transition)}.password-strength--weak .password-strength__bar:nth-child(1){background:var(--color-error)}.password-strength--fair .password-strength__bar:nth-child(1),.password-strength--fair .password-strength__bar:nth-child(2){background:var(--color-warning)}.password-strength--good .password-strength__bar:nth-child(1),.password-strength--good .password-strength__bar:nth-child(2),.password-strength--good .password-strength__bar:nth-child(3){background:var(--color-info)}.password-strength--strong .password-strength__bar{background:var(--color-success)}.password-strength__label{font-size:var(--text-xs);margin-top:var(--space-1)}.password-strength__label--weak{color:var(--color-error)}.password-strength__label--fair{color:var(--color-warning)}.password-strength__label--good{color:var(--color-info)}.password-strength__label--strong{color:var(--color-success)}.btn-social{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:var(--border);border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--weight-medium);background:var(--color-bg);transition:background var(--transition),border-color var(--transition)}.btn-social:hover{background:var(--color-bg-alt);border-color:var(--color-text-muted)}.btn-social__icon{width:20px;height:20px;flex-shrink:0}.app,.app-shell,.dashboard,.dashboard-layout{height:100dvh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--color-bg-alt)}.sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:260px!important;max-width:85vw!important;height:100vh!important;height:100dvh!important;background:#fff!important;border-right:1px solid #E5E7EB!important;z-index:100!important;display:flex!important;flex-direction:column!important;box-shadow:0 10px 30px #00000026!important;transform:translate(-100%)!important;transition:transform .2s ease-in-out,visibility .2s ease-in-out!important;overflow-y:auto!important;overflow-x:hidden!important;visibility:hidden!important}.sidebar.sidebar-open,.sidebar-open,.sidebar--mobile-open{transform:translate(0)!important;visibility:visible!important}@media (min-width: 1024px){.sidebar{width:240px!important;transform:translate(0)!important;visibility:visible!important;box-shadow:none!important;z-index:40!important}.main-wrapper{margin-left:240px!important;max-width:calc(100vw - 240px)!important}.main-content{max-width:1100px!important;margin:0 auto!important}.sidebar-close-btn,.topbar-menu-btn{display:none!important}}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-4);border-bottom:var(--border);min-height:var(--topbar-height);flex-shrink:0}.sidebar__logo{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--weight-bold);white-space:nowrap;overflow:hidden}.sidebar__logo-icon{width:32px;height:32px;border-radius:var(--radius);background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);flex-shrink:0;font-weight:var(--weight-bold);font-size:var(--text-sm)}.sidebar--collapsed .sidebar__logo-text{display:none}.sidebar__collapse-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--color-text-muted);transition:background var(--transition),color var(--transition);flex-shrink:0}.sidebar__collapse-btn:hover{background:var(--color-bg-alt);color:var(--color-text)}.sidebar--collapsed .sidebar__collapse-btn{margin:0 auto}.sidebar__nav{flex:1;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto}.sidebar__section-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:var(--space-4) var(--space-3) var(--space-2)}.sidebar--collapsed .sidebar__section-label{text-align:center;font-size:0}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);transition:background var(--transition),color var(--transition);white-space:nowrap;overflow:hidden;min-height:40px}.sidebar__link:hover{background:var(--color-bg-alt);color:var(--color-text)}.sidebar__link--active{background:var(--color-accent-light);color:var(--color-accent)}.sidebar__link-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar--collapsed .sidebar__link-text{display:none}.sidebar--collapsed .sidebar__link{justify-content:center;padding:var(--space-2)}.sidebar__link-badge{margin-left:auto;background:var(--color-error);color:var(--color-text-inverse);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:2px 8px;border-radius:var(--radius-full);min-width:20px;text-align:center}.sidebar--collapsed .sidebar__link-badge{display:none}.sidebar__footer{padding:var(--space-3);border-top:var(--border);flex-shrink:0}.sidebar__user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);transition:background var(--transition);overflow:hidden}.sidebar__user:hover{background:var(--color-bg-alt)}.sidebar--collapsed .sidebar__user-info{display:none}.sidebar__user-name{font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap}.sidebar__user-email{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.sidebar-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;background:#00000080!important;z-index:90!important;opacity:0!important;visibility:hidden!important;transition:opacity .2s ease-in-out,visibility .2s ease-in-out!important;touch-action:manipulation!important;pointer-events:auto!important}.sidebar-overlay.sidebar-overlay-open,.sidebar-overlay-open,.sidebar-overlay--visible{opacity:1!important;visibility:visible!important}.sidebar-link,.sidebar__link{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;border-radius:8px!important;font-size:14px!important;font-weight:500!important;color:#4b5563!important;text-decoration:none!important;transition:background .15s ease-in-out,color .15s ease-in-out!important;min-height:40px!important;cursor:pointer!important}.sidebar-link:hover,.sidebar__link:hover{background:#f3f4f6!important;color:#111827!important}.sidebar-link.active,.sidebar-link--active,.sidebar__link--active{background:#eff6ff!important;color:#2563eb!important;font-weight:600!important}.content,.main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.main-content{flex:1;min-width:0;padding-bottom:var(--space-6)}@media (min-width: 1024px){.content,.main-wrapper{margin-left:var(--sidebar-width)}.main-content{padding-bottom:var(--space-6)}.main-content--sidebar-collapsed{margin-left:var(--sidebar-collapsed)}}.topbar{position:sticky;top:0;height:56px;background:#fffffffa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #E5E7EB;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:8px}.topbar-search-pill input:focus{background:#fff!important;border-color:#93c5fd!important;box-shadow:0 0 0 3px #3b82f62e,0 2px 6px #0000000a!important}@media (min-width: 1024px){.topbar{padding:0 var(--space-6)}}.topbar__hamburger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius);color:var(--color-text-secondary);transition:background var(--transition)}.topbar__hamburger:hover{background:var(--color-bg-alt)}@media (min-width: 1024px){.topbar__hamburger{display:none}}.topbar__title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.topbar__spacer{flex:1}.topbar__right{display:flex;align-items:center;gap:var(--space-3)}.topbar__icon-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--color-text-secondary);transition:background var(--transition),color var(--transition)}.topbar__icon-btn:hover{background:var(--color-bg-alt);color:var(--color-text)}.topbar__icon-btn-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-error);border:2px solid var(--color-bg)}.bottom-nav{flex-shrink:0;position:relative;z-index:50;width:100%;height:calc(60px + env(safe-area-inset-bottom,0px))!important;min-height:60px!important;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid #E5E7EB;display:flex;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -2px 10px #0000000a}@media (min-width: 1024px){.bottom-nav{display:none!important}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 0;font-size:11px!important;font-weight:500;color:#6b7280;text-decoration:none;transition:color .15s ease-in-out;flex:1;text-align:center;position:relative;-webkit-tap-highlight-color:transparent}.bottom-nav-item.active{color:#2563eb!important;font-weight:600!important}.bottom-nav-item.active:before{content:"";position:absolute;top:0;width:18px;height:3px;background:#2563eb;border-radius:999px;transition:all .15s ease-in-out}.bottom-nav-icon svg{width:22px!important;height:22px!important}.bottom-nav-label{font-size:11px!important;line-height:1;white-space:nowrap}.dashboard-content{padding:var(--space-4)}@media (min-width: 768px){.dashboard-content{padding:var(--space-6)}}@media (min-width: 1024px){.dashboard-content{padding:var(--space-8)}}.page-header{margin-bottom:var(--space-6)}.page-header__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-1)}.page-header__desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.page-header__actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}@media (min-width: 640px){.page-header{display:flex;align-items:flex-start;justify-content:space-between}.page-header__actions{margin-top:0;flex-shrink:0}}.card{background:var(--color-bg);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}.card:hover{box-shadow:var(--shadow)}.card--hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card--gradient-top{border-top:3px solid transparent;border-image:var(--gradient-accent) 1;border-image-slice:1}.card__header{padding:var(--space-5) var(--space-5) 0;display:flex;align-items:center;justify-content:space-between}.card__body{padding:var(--space-5)}.card__footer{padding:0 var(--space-5) var(--space-5);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.stat-card{background:var(--color-bg);border:var(--border);border-radius:var(--radius-lg);padding:var(--space-5);position:relative;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.stat-card__icon{width:40px;height:40px;border-radius:var(--radius);background:var(--color-bg-alt);display:flex;align-items:center;justify-content:center;color:var(--color-accent);flex-shrink:0}.stat-card__trend{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:2px 8px;border-radius:var(--radius-full)}.stat-card__trend--up{color:var(--color-success);background:var(--color-success-bg)}.stat-card__trend--down{color:var(--color-error);background:var(--color-error-bg)}.stat-card__value{font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:1;margin-bottom:var(--space-1)}.stat-card__label{font-size:var(--text-sm);color:var(--color-text-secondary)}.stats-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:var(--weight-medium);border-radius:var(--radius);transition:all var(--transition);white-space:nowrap;cursor:pointer;border:none;text-decoration:none;line-height:1;position:relative;-webkit-user-select:none;user-select:none}.btn:disabled,.btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);height:32px}.btn--md,.btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);height:40px}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);height:48px}.btn--xl{padding:var(--space-4) var(--space-8);font-size:var(--text-base);height:56px}.btn--full{width:100%}.btn--primary{background:var(--gradient-accent);color:var(--color-text-inverse);box-shadow:0 1px 3px #3b82f64d}.btn--primary:hover{background:var(--gradient-accent-hover);box-shadow:0 4px 12px #3b82f659;transform:translateY(-1px)}.btn--primary:active{transform:translateY(0);box-shadow:0 1px 3px #3b82f64d}.btn--secondary{background:var(--color-bg);color:var(--color-text);border:var(--border)}.btn--secondary:hover{background:var(--color-bg-alt);border-color:var(--color-text-muted)}.btn--secondary:active{background:var(--color-bg-active)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover{background:var(--color-bg-alt);color:var(--color-text)}.btn--ghost:active{background:var(--color-bg-active)}.btn--danger{background:var(--color-error);color:var(--color-text-inverse)}.btn--danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.btn--danger:active{transform:translateY(0)}.btn--danger-outline{background:transparent;color:var(--color-error);border:1px solid var(--color-error-border)}.btn--danger-outline:hover{background:var(--color-error-bg);border-color:var(--color-error)}.btn--success{background:var(--color-success);color:var(--color-text-inverse)}.btn--success:hover{background:#16a34a;box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.btn--icon{padding:0;width:40px;height:40px}.btn--icon.btn--sm{width:32px;height:32px}.btn--icon.btn--lg{width:48px;height:48px}.btn--loading{pointer-events:none;position:relative;color:transparent!important}.btn--loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-full);animation:spin .6s linear infinite}.btn--primary.btn--loading:after{border-color:#fff6;border-top-color:var(--color-text-inverse)}.btn--secondary.btn--loading:after{border-color:var(--border-color);border-top-color:var(--color-text-secondary)}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius) 0 0 var(--radius)}.btn-group .btn:last-child{border-radius:0 var(--radius) var(--radius) 0}.btn-group .btn+.btn{margin-left:-1px}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.form-label__required{color:var(--color-error);margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border:var(--border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);height:40px;transition:border-color var(--transition),box-shadow var(--transition)}.form-textarea{height:auto;min-height:100px;resize:vertical}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--color-text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-input--sm{height:32px;padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.form-input--lg{height:48px;padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.form-input--error,.form-select--error,.form-textarea--error{border-color:var(--color-error)}.form-input--error:focus,.form-select--error:focus,.form-textarea--error:focus{box-shadow:0 0 0 3px #ef444426;border-color:var(--color-error)}.form-error{font-size:var(--text-xs);color:var(--color-error);display:flex;align-items:center;gap:var(--space-1)}.form-input--success{border-color:var(--color-success)}.form-input--success:focus{box-shadow:0 0 0 3px #22c55e26}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.form-input-wrapper{position:relative}.form-input-wrapper .form-input{padding-left:40px}.form-input-wrapper__icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-text-muted);pointer-events:none}.form-input-wrapper--right .form-input{padding-left:var(--space-3);padding-right:40px}.form-input-wrapper--right .form-input-wrapper__icon{left:auto;right:var(--space-3)}.form-input-wrapper__action{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:color var(--transition),background var(--transition)}.form-input-wrapper__action:hover{color:var(--color-text-secondary);background:var(--color-bg-alt)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;cursor:pointer}.form-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.form-checkbox input[type=checkbox]{width:18px;height:18px;border:var(--border);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;flex-shrink:0;transition:background var(--transition),border-color var(--transition);position:relative}.form-checkbox input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-accent)}.form-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.form-checkbox input[type=checkbox]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.form-radio{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.form-radio input[type=radio]{width:18px;height:18px;border:var(--border);border-radius:var(--radius-full);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;flex-shrink:0;transition:border-color var(--transition);position:relative}.form-radio input[type=radio]:checked{border-color:var(--color-accent);border-width:2px}.form-radio input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-accent)}.table-wrapper{overflow-x:auto;border:var(--border);border-radius:var(--radius-lg);background:var(--color-bg)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:var(--weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-bg-alt);border-bottom:var(--border);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:var(--border);color:var(--color-text-secondary);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table--striped tbody tr:nth-child(2n){background:var(--color-bg-alt)}.table--hoverable tbody tr{transition:background var(--transition)}.table--hoverable tbody tr:hover{background:var(--color-bg-hover)}.table__sort-btn{display:inline-flex;align-items:center;gap:var(--space-1);font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.table__sort-btn:hover{color:var(--color-text)}.table__user-cell{display:flex;align-items:center;gap:var(--space-3)}.table__user-cell-name{font-weight:var(--weight-medium);color:var(--color-text)}.table__user-cell-email{font-size:var(--text-xs);color:var(--color-text-muted)}@media (max-width: 639px){.table--responsive thead{display:none}.table--responsive tbody tr{display:block;padding:var(--space-4);border-bottom:var(--border)}.table--responsive tbody td{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:none}.table--responsive tbody td:before{content:attr(data-label);font-weight:var(--weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-right:var(--space-4)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn var(--transition) ease-out}.modal{background:var(--color-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideUp var(--transition-slow) ease-out}.modal--sm{max-width:400px}.modal--lg{max-width:680px}.modal--xl{max-width:900px}.modal--full{max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:var(--border);flex-shrink:0}.modal__title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--color-text-muted);transition:background var(--transition),color var(--transition)}.modal__close:hover{background:var(--color-bg-alt);color:var(--color-text)}.modal__body{padding:var(--space-6);overflow-y:auto;flex:1}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:var(--border);flex-shrink:0}.modal__icon{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.modal__icon--danger{background:var(--color-error-bg);color:var(--color-error)}.modal__icon--warning{background:var(--color-warning-bg);color:var(--color-warning)}.modal__icon--success{background:var(--color-success-bg);color:var(--color-success)}.modal__icon--info{background:var(--color-info-bg);color:var(--color-info)}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);max-width:420px;width:100%;pointer-events:none}@media (max-width: 479px){.toast-container{left:var(--space-4);right:var(--space-4);max-width:none}}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toastSlideIn var(--transition-slow) ease-out}.toast--exiting{animation:toastSlideOut var(--transition) ease-in forwards}.toast__icon{width:20px;height:20px;flex-shrink:0;margin-top:2px}.toast--success{border-left:4px solid var(--color-success)}.toast--success .toast__icon{color:var(--color-success)}.toast--error{border-left:4px solid var(--color-error)}.toast--error .toast__icon{color:var(--color-error)}.toast--info{border-left:4px solid var(--color-info)}.toast--info .toast__icon{color:var(--color-info)}.toast--warning{border-left:4px solid var(--color-warning)}.toast--warning .toast__icon{color:var(--color-warning)}.toast__content{flex:1;min-width:0}.toast__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:2px}.toast__message{font-size:var(--text-sm);color:var(--color-text-secondary)}.toast__close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-muted);flex-shrink:0;transition:background var(--transition),color var(--transition)}.toast__close:hover{background:var(--color-bg-alt);color:var(--color-text)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.6;white-space:nowrap}.badge--default{background:var(--color-bg-alt);color:var(--color-text-secondary)}.badge--primary{background:var(--color-accent-light);color:var(--color-accent-dark)}.badge--success{background:var(--color-success-bg);color:#15803d;border:1px solid var(--color-success-border)}.badge--error{background:var(--color-error-bg);color:#b91c1c;border:1px solid var(--color-error-border)}.badge--warning{background:var(--color-warning-bg);color:#92400e;border:1px solid var(--color-warning-border)}.badge--info{background:var(--color-info-bg);color:#1d4ed8;border:1px solid var(--color-info-border)}.badge__dot{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0}.badge--success .badge__dot{background:var(--color-success)}.badge--error .badge__dot{background:var(--color-error)}.badge--warning .badge__dot{background:var(--color-warning)}.badge--info .badge__dot{background:var(--color-info)}.badge--sm{font-size:.625rem;padding:1px 6px}.badge--lg{font-size:var(--text-sm);padding:4px 14px}.status-dot{width:10px;height:10px;border-radius:var(--radius-full);display:inline-block;flex-shrink:0}.status-dot--online{background:var(--color-success)}.status-dot--offline{background:var(--color-text-muted)}.status-dot--busy{background:var(--color-error)}.status-dot--pulse{position:relative}.status-dot--pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full);background:inherit;animation:pulse-ring 1.5s ease infinite}.skeleton{background:linear-gradient(90deg,var(--color-bg-alt) 25%,var(--color-bg-active) 50%,var(--color-bg-alt) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius)}.skeleton--text{height:16px;width:100%}.skeleton--text-sm{height:12px;width:80%}.skeleton--title{height:24px;width:60%}.skeleton--avatar{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton--avatar-lg{width:64px;height:64px;border-radius:var(--radius-full)}.skeleton--card{height:120px;border-radius:var(--radius-lg)}.skeleton--image{height:200px;border-radius:var(--radius-lg)}.skeleton--button{height:40px;width:120px;border-radius:var(--radius)}.skeleton--circle{border-radius:var(--radius-full)}.skeleton--rect{border-radius:var(--radius)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-4)}.empty-state__icon{width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-bg-alt);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);margin-bottom:var(--space-4);font-size:var(--text-2xl)}.empty-state__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.empty-state__desc{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:360px;margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.tabs{display:flex;border-bottom:var(--border);gap:0;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs__tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);border-bottom:2px solid transparent;transition:color var(--transition),border-color var(--transition);white-space:nowrap;cursor:pointer;min-height:44px}.tabs__tab:hover{color:var(--color-text-secondary)}.tabs__tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tabs__tab-badge{background:var(--color-bg-alt);color:var(--color-text-muted);font-size:var(--text-xs);padding:1px 6px;border-radius:var(--radius-full);font-weight:var(--weight-semibold)}.tabs__tab--active .tabs__tab-badge{background:var(--color-accent-light);color:var(--color-accent)}.tabs__content{padding:var(--space-5) 0}.search-bar{position:relative;width:100%;max-width:400px}.search-bar__icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-text-muted);pointer-events:none}.search-bar__input{width:100%;height:40px;padding:var(--space-2) var(--space-3) var(--space-2) 40px;font-size:var(--text-sm);border:var(--border);border-radius:var(--radius);background:var(--color-bg-alt);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.search-bar__input::placeholder{color:var(--color-text-muted)}.search-bar__input:hover{border-color:var(--color-text-muted)}.search-bar__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);background:var(--color-bg)}.search-bar__shortcut{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);padding:2px 6px;font-size:var(--text-xs);color:var(--color-text-muted);border:var(--border);border-radius:4px;background:var(--color-bg);font-family:var(--font-mono)}.search-bar__clear{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:background var(--transition),color var(--transition)}.search-bar__clear:hover{background:var(--color-bg-active);color:var(--color-text)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--gradient-accent);color:var(--color-text-inverse);font-weight:var(--weight-semibold);flex-shrink:0;overflow:hidden;-webkit-user-select:none;user-select:none}.avatar--xs{width:24px;height:24px;font-size:var(--text-xs)}.avatar--sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar--md{width:40px;height:40px;font-size:var(--text-sm)}.avatar--lg{width:48px;height:48px;font-size:var(--text-base)}.avatar--xl{width:64px;height:64px;font-size:var(--text-xl)}.avatar--2xl{width:96px;height:96px;font-size:var(--text-3xl)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--square{border-radius:var(--radius-lg)}.avatar-group{display:flex;flex-direction:row-reverse}.avatar-group .avatar{border:2px solid var(--color-bg);margin-left:-8px}.avatar-group .avatar:last-child{margin-left:0}.avatar-group__overflow{background:var(--color-bg-alt);color:var(--color-text-secondary);font-size:var(--text-xs)}.avatar-wrapper{position:relative;display:inline-flex}.avatar-wrapper__status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:var(--radius-full);border:2px solid var(--color-bg)}.avatar-wrapper__status--online{background:var(--color-success)}.avatar-wrapper__status--offline{background:var(--color-text-muted)}.avatar-wrapper__status--busy{background:var(--color-error)}.tooltip{position:relative}.tooltip__content{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-3);background:var(--color-text);color:var(--color-text-inverse);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);z-index:var(--z-tooltip)}.tooltip__content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-text)}.tooltip:hover .tooltip__content,.tooltip:focus-within .tooltip__content{opacity:1;visibility:visible}.tooltip__content--top{bottom:calc(100% + 8px);top:auto}.tooltip__content--bottom{top:calc(100% + 8px);bottom:auto}.tooltip__content--bottom:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--color-text)}.tooltip__content--left{right:calc(100% + 8px);left:auto;top:50%;bottom:auto;transform:translateY(-50%)}.tooltip__content--left:after{left:100%;top:50%;bottom:auto;transform:translateY(-50%);border-left-color:var(--color-text);border-top-color:transparent}.tooltip__content--right{left:calc(100% + 8px);top:50%;bottom:auto;transform:translateY(-50%)}.tooltip__content--right:after{right:100%;left:auto;top:50%;bottom:auto;transform:translateY(-50%);border-right-color:var(--color-text);border-top-color:transparent}.pagination{display:flex;align-items:center;gap:var(--space-1)}.pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-2);border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);transition:background var(--transition),color var(--transition)}.pagination__btn:hover{background:var(--color-bg-alt);color:var(--color-text)}.pagination__btn--active{background:var(--color-accent);color:var(--color-text-inverse)}.pagination__btn--active:hover{background:var(--color-accent-dark);color:var(--color-text-inverse)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-text-muted);font-size:var(--text-sm)}.pagination__info{font-size:var(--text-sm);color:var(--color-text-secondary);margin-left:var(--space-4)}.toggle{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle__track{position:relative;width:44px;height:24px;background:var(--color-bg-active);border-radius:var(--radius-full);transition:background var(--transition);flex-shrink:0}.toggle__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--color-bg);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--transition)}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle input:checked+.toggle__track{background:var(--color-accent)}.toggle input:checked+.toggle__track .toggle__thumb{transform:translate(20px)}.toggle input:focus-visible+.toggle__track{outline:2px solid var(--color-accent);outline-offset:2px}.toggle input:disabled+.toggle__track{opacity:.5;cursor:not-allowed}.toggle__label{font-size:var(--text-sm);font-weight:var(--weight-medium)}.toggle__desc{font-size:var(--text-xs);color:var(--color-text-muted)}.toggle--sm .toggle__track{width:36px;height:20px}.toggle--sm .toggle__thumb{width:16px;height:16px}.toggle--sm input:checked+.toggle__track .toggle__thumb{transform:translate(16px)}.accordion{border:var(--border);border-radius:var(--radius-lg);overflow:hidden}.accordion__item{border-bottom:var(--border)}.accordion__item:last-child{border-bottom:none}.accordion__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-5);font-size:var(--text-base);font-weight:var(--weight-medium);text-align:left;color:var(--color-text);background:var(--color-bg);transition:background var(--transition);cursor:pointer;gap:var(--space-4);min-height:56px}.accordion__trigger:hover{background:var(--color-bg-alt)}.accordion__icon{width:20px;height:20px;flex-shrink:0;color:var(--color-text-muted);transition:transform var(--transition)}.accordion__item--open .accordion__icon{transform:rotate(180deg)}.accordion__content{max-height:0;overflow:hidden;transition:max-height var(--transition-slow) ease-out}.accordion__item--open .accordion__content{max-height:500px}.accordion__body{padding:0 var(--space-5) var(--space-5);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.accordion--borderless{border:none}.accordion--borderless .accordion__item{border-bottom:var(--border)}.dropdown{position:relative;display:inline-flex}.dropdown__menu{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:var(--color-bg);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:var(--space-1);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast)}.dropdown--open .dropdown__menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition);cursor:pointer;width:100%;min-height:36px}.dropdown__item:hover{background:var(--color-bg-alt);color:var(--color-text)}.dropdown__item--danger{color:var(--color-error)}.dropdown__item--danger:hover{background:var(--color-error-bg);color:var(--color-error)}.dropdown__divider{height:1px;background:var(--border-color);margin:var(--space-1) 0}.dropdown__label{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.progress{width:100%;height:8px;background:var(--color-bg-alt);border-radius:var(--radius-full);overflow:hidden}.progress__bar{height:100%;background:var(--gradient-accent);border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress--sm{height:4px}.progress--lg{height:12px}.progress__bar--success{background:var(--color-success)}.progress__bar--error{background:var(--color-error)}.progress__bar--warning{background:var(--color-warning)}.progress__label{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);font-size:var(--text-sm)}.progress__label-value{font-weight:var(--weight-semibold)}.alert{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm)}.alert__icon{width:20px;height:20px;flex-shrink:0;margin-top:1px}.alert__content{flex:1;min-width:0}.alert__title{font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.alert__message{color:inherit;opacity:.9;line-height:var(--leading-relaxed)}.alert--info{background:var(--color-info-bg);color:#1e40af;border:1px solid var(--color-info-border)}.alert--success{background:var(--color-success-bg);color:#166534;border:1px solid var(--color-success-border)}.alert--warning{background:var(--color-warning-bg);color:#92400e;border:1px solid var(--color-warning-border)}.alert--error{background:var(--color-error-bg);color:#991b1b;border:1px solid var(--color-error-border)}.divider{border:none;border-top:var(--border);margin:var(--space-6) 0}.divider--sm{margin:var(--space-3) 0}.divider--lg{margin:var(--space-8) 0}.divider--text{display:flex;align-items:center;gap:var(--space-4);border:none;margin:var(--space-6) 0}.divider--text:before,.divider--text:after{content:"";flex:1;height:1px;background:var(--border-color)}.divider--text span{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.settings-section{display:flex;flex-direction:column;gap:var(--space-6)}@media (min-width: 768px){.settings-section{flex-direction:row;gap:var(--space-8)}}.settings-section__info{flex-shrink:0}@media (min-width: 768px){.settings-section__info{width:240px}}.settings-section__title{font-size:var(--text-base);font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.settings-section__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.settings-section__content{flex:1;background:var(--color-bg);border:var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:var(--border)}.settings-row:last-child{border-bottom:none;padding-bottom:0}.settings-row:first-child{padding-top:0}.settings-row__info{flex:1;min-width:0}.settings-row__label{font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:2px}.settings-row__desc{font-size:var(--text-xs);color:var(--color-text-muted)}.upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;transition:border-color var(--transition),background var(--transition);cursor:pointer}.upload-area:hover,.upload-area--dragover{border-color:var(--color-accent);background:var(--color-accent-light)}.upload-area__icon{width:48px;height:48px;margin:0 auto var(--space-4);color:var(--color-text-muted)}.upload-area__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.upload-area__desc{font-size:var(--text-xs);color:var(--color-text-muted)}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:var(--border)}.activity-item:last-child{border-bottom:none}.activity-item__icon{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-bg-alt);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex-shrink:0}.activity-item__content{flex:1;min-width:0}.activity-item__text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.activity-item__text strong{color:var(--color-text);font-weight:var(--weight-medium)}.activity-item__time{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.pricing-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);max-width:1000px;margin:0 auto}@media (min-width: 768px){.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:flex-start}}.pricing-card{background:var(--color-bg);border:var(--border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;transition:transform var(--transition),box-shadow var(--transition)}.pricing-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.pricing-card--featured{border-color:var(--color-accent);border-width:2px;position:relative}.pricing-card--featured:before{content:"Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-accent);color:var(--color-text-inverse);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:2px 12px;border-radius:var(--radius-full)}.pricing-card__name{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.pricing-card__price{font-size:var(--text-4xl);font-weight:var(--weight-bold);margin-bottom:var(--space-1)}.pricing-card__price-period{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--weight-normal)}.pricing-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.pricing-card__features{text-align:left;margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.pricing-card__feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.pricing-card__feature-check{width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-success-bg);color:var(--color-success);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--text-xs)}.notification-panel{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:480px;background:var(--color-bg);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);display:flex;flex-direction:column}@media (max-width: 479px){.notification-panel{position:fixed;top:var(--topbar-height);right:0;left:0;width:auto;max-height:calc(100vh - var(--topbar-height) - var(--bottom-nav-height));border-radius:0;border-top:var(--border)}}.notification-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:var(--border);flex-shrink:0}.notification-panel__title{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.notification-panel__list{overflow-y:auto;flex:1}.notification-item{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:background var(--transition);cursor:pointer;border-bottom:var(--border)}.notification-item:hover{background:var(--color-bg-alt)}.notification-item--unread{background:var(--color-info-bg)}.notification-item--unread:hover{background:var(--color-accent-light)}.notification-item__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-accent);margin-top:6px;flex-shrink:0}.notification-item__content{flex:1;min-width:0}.notification-item__text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.notification-item__time{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.notification-panel__footer{padding:var(--space-3);border-top:var(--border);text-align:center;flex-shrink:0}.notification-panel__footer a{font-size:var(--text-sm);color:var(--color-accent);font-weight:var(--weight-medium)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.7}to{transform:scale(2);opacity:0}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.page-enter{animation:fadeIn var(--transition-slow) ease-out}.page-exit{animation:fadeOut var(--transition) ease-in}.slide-down-enter{animation:slideDown var(--transition) ease-out}.slide-up-enter{animation:slideUp var(--transition) ease-out}.m-0{margin:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.bg-white{background:var(--color-bg)}.bg-alt{background:var(--color-bg-alt)}.bg-accent{background:var(--color-accent)}.bg-gradient{background:var(--gradient-accent)}.border{border:var(--border)}.border-b{border-bottom:var(--border)}.border-t{border-top:var(--border)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-none{box-shadow:none}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.select-none{-webkit-user-select:none;user-select:none}.transition{transition:all var(--transition)}.hide-mobile{display:none}@media (min-width: 768px){.hide-mobile{display:initial}.show-mobile-only{display:none}}@media (min-width: 1024px){.hide-tablet{display:initial}.show-tablet-only{display:none}}@media print{.sidebar,.topbar,.bottom-nav,.toast-container,.modal-overlay{display:none!important}.main-content{margin-left:0!important;padding-bottom:0!important}body{background:#fff;color:#000}.card,.stat-card{box-shadow:none;border:1px solid #ddd}a{color:#000;text-decoration:underline}}.dark{--color-bg: #0F172A;--color-bg-alt: #1E293B;--color-bg-hover: #334155;--color-bg-active: #475569;--color-text: #F8FAFC;--color-text-secondary: #CBD5E1;--color-text-muted: #64748B;--color-text-inverse: #0F172A;--color-accent-light: rgba(59, 130, 246, .15);--border-color: #334155;--border: 1px solid #334155;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .5);--color-success-bg: rgba(34, 197, 94, .1);--color-error-bg: rgba(239, 68, 68, .1);--color-warning-bg: rgba(245, 158, 11, .1);--color-info-bg: rgba(59, 130, 246, .1);--color-success-border: rgba(34, 197, 94, .25);--color-error-border: rgba(239, 68, 68, .25);--color-warning-border: rgba(245, 158, 11, .25);--color-info-border: rgba(59, 130, 246, .25)}.dark .landing-nav,.dark .topbar{background:#0f172ae6}.dark .search-bar__input,.dark .form-input,.dark .form-select,.dark .form-textarea{background:var(--color-bg-alt)}.dark .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.dark .table th,.dark .toast{background:var(--color-bg-alt)}.dark .modal,.dark .accordion__trigger{background:var(--color-bg)}.dark .accordion__trigger:hover{background:var(--color-bg-alt)}.dark .badge--success{color:var(--color-success)}.dark .badge--error{color:var(--color-error)}.dark .badge--warning{color:var(--color-warning)}.dark .badge--info{color:var(--color-info)}.dark .alert--info{color:#93c5fd}.dark .alert--success{color:#86efac}.dark .alert--warning{color:#fde68a}.dark .alert--error{color:#fca5a5}.dark ::selection{background-color:#3b82f64d;color:#f8fafc}:root{--az-50: #EFF6FF;--az-100: #DBEAFE;--az-200: #BFDBFE;--az-300: #93C5FD;--az-500: #3B82F6;--az-600: #2563EB;--az-700: #1D4ED8;--az-800: #1E40AF;--az-900: #1E3A8A;--ink: #0F172A;--ink-2: #334155;--ink-3: #64748B;--ink-4: #94A3B8;--line: #E8EEF6;--line-soft: #F1F5F9;--bg: #F6F9FE;--surface: #FFFFFF;--grad-brand: linear-gradient(135deg, #3B82F6 0%, #2563EB 55%, #1D4ED8 100%);--grad-brand-soft: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 14px rgba(15, 23, 42, .06);--shadow-lg: 0 16px 40px -8px rgba(15, 23, 42, .12);--shadow-brand: 0 8px 20px -4px rgba(37, 99, 235, .35);--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--color-accent: #2563EB;--color-accent-dark: #1D4ED8;--color-accent-light: #EFF6FF;--gradient-accent: var(--grad-brand)}html,body,#app{background:var(--bg)!important}*{-webkit-tap-highlight-color:transparent}::selection{background:var(--az-200);color:var(--az-900)}:focus-visible{outline:2px solid var(--az-500);outline-offset:2px;border-radius:6px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--az-300)}button,.btn,.card,.product-card,.stat-card,.sidebar-link,.bottom-nav a{transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.landing-nav{background:#ffffffd1!important;backdrop-filter:blur(16px) saturate(1.4)!important;-webkit-backdrop-filter:blur(16px) saturate(1.4)!important;border-bottom:1px solid rgba(226,232,240,.8)!important}.landing-nav__logo{font-weight:800!important;letter-spacing:-.02em!important}.landing-nav__link{font-weight:600!important;color:var(--ink-2)!important;border-radius:8px;padding:6px 12px!important}.landing-nav__link:hover{color:var(--az-600)!important;background:var(--az-50)!important}.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-40% -20% auto;height:130%;background:radial-gradient(42rem 22rem at 18% 8%,rgba(59,130,246,.14),transparent 60%),radial-gradient(36rem 20rem at 85% 22%,rgba(29,78,216,.1),transparent 60%);pointer-events:none;z-index:0}.hero>*{position:relative;z-index:1}.hero__badge{background:#ffffffe6!important;border:1px solid var(--az-200)!important;color:var(--az-700)!important;box-shadow:var(--shadow-sm),inset 0 1px #fff!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;font-weight:600!important}.hero__title{letter-spacing:-.035em!important;line-height:1.06!important}.hero__title em,.hero__title span[style*="2563eb"],.hero__title [style*=gradient]{background:var(--grad-brand)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}.hero__subtitle{color:var(--ink-3)!important;font-size:1.075rem!important;line-height:1.7!important}.btn{font-weight:600!important;letter-spacing:-.01em}.btn--primary,.btn-white{background:var(--grad-brand)!important;border:none!important;box-shadow:var(--shadow-brand)!important}.btn--primary:hover,.btn-white:hover{transform:translateY(-2px)!important;box-shadow:0 12px 28px -6px #2563eb73!important}.btn--primary:active,.btn-white:active{transform:translateY(0)!important}.btn--secondary{background:#fff!important;border:1px solid var(--line)!important;color:var(--ink)!important;box-shadow:var(--shadow-sm)!important}.btn--secondary:hover{border-color:var(--az-300)!important;color:var(--az-700)!important;box-shadow:var(--shadow-md)!important}.btn--ghost{color:var(--az-600)!important;background:transparent!important}.btn--ghost:hover{background:var(--az-50)!important}.btn--danger-outline{border-color:#fecaca!important;color:#dc2626!important}.btn--danger-outline:hover{background:#fef2f2!important}.feature-card,.pricing-card,.cta-card,.card--hoverable{background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r-xl)!important;box-shadow:var(--shadow-sm)!important}.feature-card:hover,.pricing-card:hover,.card--hoverable:hover{transform:translateY(-4px)!important;box-shadow:var(--shadow-lg)!important;border-color:var(--az-200)!important}.feature-card__icon{background:var(--grad-brand-soft)!important;color:var(--az-600)!important;border-radius:var(--r-md)!important;box-shadow:inset 0 0 0 1px var(--az-200)!important}.features__header h2,.footer__brand{letter-spacing:-.025em!important}.cta-card{background:linear-gradient(135deg,#1e40af,#2563eb,#3b82f6)!important;border:none!important;color:#fff!important;position:relative;overflow:hidden}.cta-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(28rem 14rem at 85% -10%,rgba(255,255,255,.22),transparent 60%);pointer-events:none}.cta-card .btn{background:#fff!important;color:var(--az-700)!important;box-shadow:0 8px 24px #00000038!important}.badge{font-weight:600!important;border-radius:999px!important}.badge--primary{background:var(--az-50)!important;color:var(--az-700)!important;border:1px solid var(--az-200)!important}.badge--success{background:#ecfdf5!important;color:#047857!important;border:1px solid #A7F3D0!important}.badge--info{background:var(--az-50)!important;color:var(--az-700)!important;border:1px solid var(--az-200)!important}.footer{background:#fff!important;border-top:1px solid var(--line)!important}.footer__col-link{color:var(--ink-3)!important}.footer__col-link:hover{color:var(--az-600)!important}.footer__copyright{color:var(--ink-4)!important}.login-page,.auth-page{background:radial-gradient(44rem 26rem at 12% -6%,rgba(59,130,246,.12),transparent 62%),radial-gradient(40rem 24rem at 92% 8%,rgba(29,78,216,.08),transparent 60%),linear-gradient(180deg,#f8fbff,#f6f9fe)!important}.login-page-content>div:nth-child(2),.auth-card{border:1px solid var(--line)!important;border-radius:var(--r-xl)!important;background:#ffffffeb!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:0 24px 60px -18px #0f172a24,inset 0 1px #fff!important}.login-page input,.auth-page input,.form-input{background:#f8fafc!important;border:1px solid #E2E8F0!important;border-radius:var(--r-sm)!important;font-weight:500!important;color:var(--ink)!important}.login-page input:focus,.auth-page input:focus,.form-input:focus{background:#fff!important;border-color:var(--az-500)!important;box-shadow:0 0 0 4px #2563eb21!important}.login-page form>button[type=submit],.auth-card form button[type=submit]{background:var(--grad-brand)!important;border-radius:12px!important;box-shadow:var(--shadow-brand)!important;font-weight:700!important}.login-page form>button[type=submit]:hover{transform:translateY(-1px)!important;box-shadow:0 10px 24px -6px #2563eb80!important}.dashboard-layout,.app-shell{background:var(--bg)!important}.sidebar-nav,.sidebar-header,.sidebar-footer{background:transparent!important}.dashboard-layout>div:first-child,[class*=sidebar]{background:#ffffffdb!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;border-right:1px solid var(--line)!important}.sidebar-link{border-radius:var(--r-sm)!important;color:var(--ink-2)!important;font-weight:550!important}.sidebar-link:hover{background:var(--az-50)!important;color:var(--az-700)!important}.sidebar-link[class*=active],.sidebar-link[style*="2563EB"],.sidebar-link[style*="2563eb"]{background:var(--grad-brand)!important;color:#fff!important;box-shadow:var(--shadow-brand)!important}.sidebar-icon{color:inherit!important}.topbar-header-wrapper{background:#f6f9fed9!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important}.topbar-menu-btn{border-radius:var(--r-sm)!important;border:1px solid var(--line)!important;background:#fff!important;box-shadow:var(--shadow-sm)!important}.main-content{padding:24px 28px 56px!important}@media (max-width: 639px){.main-content{padding:14px 12px 44px!important}}.bottom-nav{position:relative!important;flex:0 0 auto!important;z-index:50!important;background:#fffffff0!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border-top:1px solid var(--line)!important;padding-top:6px!important;padding-bottom:calc(6px + env(safe-area-inset-bottom))!important}.bottom-nav a{border-radius:12px!important;color:var(--ink-4)!important}.bottom-nav a[class*=active],.bottom-nav a[style*="2563EB"],.bottom-nav a[style*="2563eb"]{color:var(--az-600)!important;background:var(--az-50)!important}.card{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r-lg)!important;box-shadow:var(--shadow-sm)!important}.card__header{border-bottom:1px solid var(--line-soft)!important}.card__header h2,.card__header h3,.page-header__title,.text-base.font-semibold{letter-spacing:-.015em!important}.stat-card{border-radius:var(--r-lg)!important;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:-30px;right:-30px;width:110px;height:110px;background:radial-gradient(closest-side,rgba(59,130,246,.1),transparent);pointer-events:none}.stat-card__icon{background:var(--grad-brand-soft)!important;color:var(--az-600)!important;border-radius:12px!important}.stat-card__label{color:var(--ink-3)!important;font-weight:550!important}.product-grid{gap:16px!important}.product-card{border:1px solid var(--line)!important;border-radius:var(--r-lg)!important;background:#fff!important;box-shadow:var(--shadow-sm)!important;position:relative;overflow:hidden}.product-card:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--grad-brand);opacity:0;transition:opacity .2s ease}.product-card:hover{transform:translateY(-3px)!important;box-shadow:var(--shadow-lg)!important;border-color:var(--az-200)!important}.product-card:hover:after{opacity:1}@media (max-width: 639px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}.dashboard-layout input,.dashboard-layout select,.dashboard-layout textarea,.search-bar__input,.form-textarea{background:#fff!important;border:1px solid #E2E8F0!important;border-radius:var(--r-sm)!important;color:var(--ink)!important;font-weight:500!important}.dashboard-layout input:focus,.dashboard-layout select:focus,.dashboard-layout textarea:focus,.search-bar__input:focus,.form-textarea:focus{border-color:var(--az-500)!important;box-shadow:0 0 0 4px #2563eb1f!important;outline:none!important}.form-label{font-weight:600!important;color:var(--ink)!important}.search-bar{background:#fff!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:var(--shadow-sm)!important}.search-bar:focus-within{border-color:var(--az-500)!important;box-shadow:0 0 0 4px #2563eb1f!important}.dashboard-layout button{border-radius:var(--r-sm)!important}.dashboard-layout .btn--primary{background:var(--grad-brand)!important;border:none!important;box-shadow:var(--shadow-brand)!important}.dashboard-layout .btn--primary:hover{transform:translateY(-1px)!important}.dashboard-layout .btn--secondary,.btn--secondary{background:#fff!important;border:1px solid var(--line)!important;color:var(--ink-2)!important;box-shadow:var(--shadow-sm)!important}.dashboard-layout .btn--secondary:hover{border-color:var(--az-300)!important;color:var(--az-700)!important}.accordion__item{border:1px solid var(--line-soft)!important;border-radius:var(--r-md)!important;background:#fafcff!important;overflow:hidden;transition:border-color .2s ease,background .2s ease!important}.accordion__item--open{border-color:var(--az-200)!important;background:#fff!important;box-shadow:var(--shadow-sm)!important}.accordion__trigger{font-weight:600!important;color:var(--ink)!important}.accordion__icon{transition:transform .25s cubic-bezier(.2,.7,.3,1)!important;color:var(--ink-4)!important}.accordion__item--open .accordion__icon{transform:rotate(180deg)!important;color:var(--az-600)!important}.accordion__body{color:var(--ink-2)!important;line-height:1.7!important}.modal-overlay,[class*=modal-overlay]{background:#0f172a73!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}.modal__header,.modal-header,.modal-body,.modal__body,.modal-footer,[class*=modal-]{border-color:var(--line-soft)!important}.modal-overlay>div,[class*=modal-overlay]>div{border-radius:var(--r-xl)!important;box-shadow:0 32px 80px -16px #0f172a59!important}.modal__title,.modal-title{letter-spacing:-.015em!important}.toast,[class*=toast]{border-radius:var(--r-md)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--line)!important;font-weight:550!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.badge--sm{font-size:10.5px!important;padding:3px 9px!important}.loading-spinner{border:3px solid var(--az-100)!important;border-top-color:var(--az-600)!important}.loading-screen{background:var(--bg)!important}.settings-row,.settings-section{border-radius:var(--r-md)!important}.settings-row:hover{background:#fafcff!important}@media (max-width: 1023px){.app,.app-shell,.dashboard,.dashboard-layout{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.content,.main-wrapper{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important}}#app{height:100dvh;min-height:100dvh;overflow:hidden}.gradient-text{background:var(--grad-brand)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}.main-content>div{animation:az-fade-up .28s cubic-bezier(.2,.7,.3,1) both}@keyframes az-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}