:root{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-accent: #6366f1;--color-accent-hover: #818cf8;--color-success: #22c55e;--color-warning: #eab308;--color-error: #ef4444;--color-info: #3b82f6;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: #475569;--color-border-light: #334155;--shadow-color: rgba(0, 0, 0, .3);--shadow-color-strong: rgba(0, 0, 0, .4)}[data-theme=light]{--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #e2e8f0;--color-accent: #4f46e5;--color-accent-hover: #6366f1;--color-success: #16a34a;--color-warning: #ca8a04;--color-error: #dc2626;--color-info: #2563eb;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-border: #cbd5e1;--color-border-light: #e2e8f0;--shadow-color: rgba(0, 0, 0, .1);--shadow-color-strong: rgba(0, 0, 0, .15)}:root{--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;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Monaco", "Menlo", "Ubuntu Mono", 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;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--shadow-sm: 0 1px 2px var(--shadow-color);--shadow-md: 0 4px 6px var(--shadow-color);--shadow-lg: 0 10px 15px var(--shadow-color);--shadow-xl: 0 20px 25px var(--shadow-color-strong);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 64px;--log-panel-height: 250px;--log-panel-collapsed-height: 40px}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.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}.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-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.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-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.m-0{margin:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.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-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.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-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--color-border-light)}.border-t{border-top:1px solid var(--color-border-light)}.border-b{border-bottom:1px solid var(--color-border-light)}.border-l{border-left:1px solid var(--color-border-light)}.border-r{border-right:1px solid var(--color-border-light)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.hidden{display: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}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;z-index:var(--z-sticky);transition:width var(--transition-normal)}.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border-light);min-height:var(--header-height)}.sidebar__logo{display:flex;align-items:center;gap:var(--space-3);overflow:hidden}.sidebar__logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--font-bold);color:#fff;flex-shrink:0}.sidebar__logo-text{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);white-space:nowrap}.sidebar__toggle{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.sidebar__toggle:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.sidebar--collapsed .sidebar__toggle{transform:rotate(180deg)}.sidebar--collapsed .sidebar__header{justify-content:center;padding:var(--space-4) var(--space-2)}.sidebar--collapsed .sidebar__toggle{position:absolute;right:-12px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-full);width:24px;height:24px;padding:0}.sidebar--collapsed .sidebar__toggle:hover{background:var(--color-bg-tertiary)}.sidebar__app-switcher{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);position:relative}.sidebar--collapsed .sidebar__app-switcher{padding:var(--space-3) var(--space-2)}.sidebar__app-button{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-primary);transition:all var(--transition-fast)}.sidebar__app-button:hover{border-color:var(--color-border);background:var(--color-bg-tertiary)}.sidebar--collapsed .sidebar__app-button{justify-content:center;padding:var(--space-2)}.sidebar__app-icon{width:28px;height:28px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent);flex-shrink:0}.sidebar__app-name{flex:1;text-align:left;font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__dropdown{position:absolute;left:var(--space-4);right:var(--space-4);top:calc(100% + var(--space-1));background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden}.sidebar__dropdown--up{top:auto;bottom:calc(100% + var(--space-1))}.sidebar__dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.sidebar__dropdown-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.sidebar__dropdown-item.active{background:#6366f11a;color:var(--color-accent)}.sidebar__dropdown-divider{height:1px;background:var(--color-border-light);margin:var(--space-1) 0}.sidebar__dropdown-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light)}.sidebar__dropdown-email{font-size:var(--text-xs);color:var(--color-text-muted);word-break:break-all}.sidebar__dropdown-item--danger{color:var(--color-error)}.sidebar__dropdown-item--danger:hover{background:#ef44441a;color:var(--color-error)}.sidebar__nav{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto}.sidebar--collapsed .sidebar__nav{padding:var(--space-4) var(--space-2);align-items:center}.sidebar__nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap}.sidebar__nav-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.sidebar__nav-item.active{background:#6366f126;color:var(--color-accent)}.sidebar--collapsed .sidebar__nav-item{justify-content:center;padding:var(--space-3);width:44px;height:44px}.sidebar__footer{padding:var(--space-4);border-top:1px solid var(--color-border-light);position:relative}.sidebar--collapsed .sidebar__footer{padding:var(--space-4) var(--space-2)}.sidebar__user-button{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-primary);transition:all var(--transition-fast)}.sidebar__user-button:hover{background:var(--color-bg-tertiary)}.sidebar--collapsed .sidebar__user-button{justify-content:center}.sidebar__user-avatar{width:36px;height:36px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);flex-shrink:0}.sidebar__user-info{flex:1;text-align:left;overflow:hidden}.sidebar__user-name{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{display:block;font-size:var(--text-xs);color:var(--color-text-muted)}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform var(--transition-normal)}.sidebar.sidebar--open{transform:translate(0)}.sidebar--collapsed{width:var(--sidebar-width);transform:translate(-100%)}.sidebar--collapsed.sidebar--open{transform:translate(0)}}.layout{display:flex;min-height:100vh;background:var(--color-bg-primary)}.layout__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:calc(var(--z-sticky) - 1);animation:fadeIn var(--transition-fast)}.layout__main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;transition:margin-left var(--transition-normal)}.layout__main--expanded{margin-left:var(--sidebar-collapsed-width)}.layout__mobile-header{display:none;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);position:sticky;top:0;z-index:calc(var(--z-sticky) - 2)}.layout__menu-button{background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;padding:var(--space-2);margin:calc(-1 * var(--space-2));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.layout__menu-button:hover{background:var(--color-bg-tertiary)}.layout__mobile-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary)}.layout__header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.layout__content{flex:1;padding:var(--space-6);padding-bottom:calc(var(--log-panel-height) + var(--space-6));max-width:1600px;width:100%;margin:0 auto}.breadcrumb{font-size:var(--text-sm)}.breadcrumb__list{display:flex;align-items:center;gap:var(--space-1);list-style:none;margin:0;padding:0}.breadcrumb__item{display:flex;align-items:center;gap:var(--space-1)}.breadcrumb__separator{color:var(--color-text-muted);display:flex;align-items:center}.breadcrumb__link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb__link:hover{color:var(--color-text-primary)}.breadcrumb__current{color:var(--color-text-primary);font-weight:var(--font-medium)}@media (max-width: 768px){.layout__main,.layout__main--expanded{margin-left:0}.layout__mobile-header{display:flex}.layout__header{padding:var(--space-3) var(--space-4)}.layout__content{padding:var(--space-4);padding-bottom:calc(var(--log-panel-height) + var(--space-4))}}.layout__content--full-width{max-width:none}.layout__content--no-padding{padding:0}.toast-container{position:fixed;bottom:calc(var(--log-panel-height) + var(--space-4));right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);z-index:var(--z-toast);max-width:420px;width:100%;pointer-events:none}.toast-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:slideInFromRight var(--transition-normal) ease-out}.toast-item--exit{animation:slideOutToRight var(--transition-fast) ease-in forwards}.toast-item--success{border-left:4px solid var(--color-success)}.toast-item--success .toast-item__icon{color:var(--color-success)}.toast-item--error{border-left:4px solid var(--color-error)}.toast-item--error .toast-item__icon{color:var(--color-error)}.toast-item--warning{border-left:4px solid var(--color-warning)}.toast-item--warning .toast-item__icon{color:var(--color-warning)}.toast-item--info{border-left:4px solid var(--color-info)}.toast-item--info .toast-item__icon{color:var(--color-info)}.toast-item__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-item__content{flex:1;min-width:0}.toast-item__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.toast-item__message{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.toast-item__action{flex-shrink:0;background:transparent;border:none;color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;padding:var(--space-1) var(--space-2);margin:calc(-1 * var(--space-1)) calc(-1 * var(--space-2));border-radius:var(--radius-sm);transition:background var(--transition-fast)}.toast-item__action:hover{background:#6366f11a}.toast-item__close{flex-shrink:0;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);margin:calc(-1 * var(--space-1));margin-left:0;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.toast-item__close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}@media (max-width: 480px){.toast-container{left:var(--space-4);right:var(--space-4);max-width:none}}.spinner{border-radius:var(--radius-full);border-style:solid;border-color:var(--color-bg-tertiary);animation:spin 1s linear infinite}.spinner--sm{width:16px;height:16px;border-width:2px}.spinner--md{width:24px;height:24px;border-width:3px}.spinner--lg{width:40px;height:40px;border-width:4px}.spinner--xl{width:56px;height:56px;border-width:5px}.spinner--accent{border-top-color:var(--color-accent)}.spinner--primary{border-top-color:var(--color-text-primary)}.spinner--white{border-color:#fff3;border-top-color:#fff}.spinner--current{border-top-color:currentColor}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton--text{height:1em;border-radius:var(--radius-sm)}.skeleton--circular{border-radius:var(--radius-full)}.skeleton--rectangular{border-radius:var(--radius-md)}.skeleton--card{border-radius:var(--radius-lg);min-height:120px}.skeleton-group{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-4)}.skeleton-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.skeleton-card__header-text,.skeleton-card__body{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-table-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light)}.skeleton-table-cell{flex:1}.skeleton-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.skeleton-list-item__content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0f172ae6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);animation:fadeIn var(--transition-fast)}.loading-overlay--fullscreen{position:fixed}.loading-overlay--transparent{background:#0f172a80}.loading-overlay__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.loading-overlay__message{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.loading-inline{display:inline-flex;align-items:center;gap:var(--space-2)}.loading-inline__text{font-size:var(--text-sm);color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-medium);border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;border-radius:var(--radius-md)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.btn--md{height:40px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn--lg{height:48px;padding:0 var(--space-6);font-size:var(--text-base)}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn--primary:active:not(:disabled){transform:scale(.98)}.btn--secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn--secondary:hover:not(:disabled){background:var(--color-border)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn--danger{background:var(--color-error);color:#fff}.btn--danger:hover:not(:disabled){background:#dc2626}.btn--success{background:var(--color-success);color:#fff}.btn--success:hover:not(:disabled){background:#16a34a}.btn--outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn--outline:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border)}.btn--full-width{width:100%}.btn--loading .btn__text{opacity:.7}.btn__spinner{display:flex;align-items:center;justify-content:center}.btn__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn__icon--left{margin-right:calc(-1 * var(--space-1))}.btn__icon--right{margin-left:calc(-1 * var(--space-1))}.btn__text{display:inline-flex;align-items:center}.icon-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0}.icon-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn--sm{width:28px;height:28px;padding:var(--space-1)}.icon-btn--md{width:36px;height:36px;padding:var(--space-2)}.icon-btn--lg{width:44px;height:44px;padding:var(--space-3)}.icon-btn--primary{background:var(--color-accent);color:#fff}.icon-btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.icon-btn--secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.icon-btn--secondary:hover:not(:disabled){background:var(--color-border)}.icon-btn--ghost{color:var(--color-text-secondary)}.icon-btn--ghost:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.icon-btn--danger{color:var(--color-error)}.icon-btn--danger:hover:not(:disabled){background:#ef44441a}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.btn-group .btn:not(:last-child){border-right:1px solid rgba(0,0,0,.1)}.btn-row{display:flex;align-items:center;gap:var(--space-2)}.btn-row--right{justify-content:flex-end}.btn-row--between{justify-content:space-between}.btn-row--center{justify-content:center}.card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);overflow:hidden;transition:all var(--transition-fast)}.card--default{background:var(--color-bg-secondary)}.card--outlined{background:transparent;border-color:var(--color-border)}.card--elevated{border:none;box-shadow:var(--shadow-md)}.card--flat{background:var(--color-bg-primary);border:none}.card--padding-none{padding:0}.card--padding-sm{padding:var(--space-3)}.card--padding-md{padding:var(--space-4)}.card--padding-lg{padding:var(--space-6)}.card--hoverable:hover{border-color:var(--color-border);box-shadow:var(--shadow-md)}.card--clickable{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit}.card--clickable:hover{border-color:var(--color-accent);background:var(--color-bg-tertiary)}.card--clickable:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.card--clickable:active{transform:scale(.99)}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--color-border-light)}.card--padding-none .card__header{padding:var(--space-4)}.card__header-content{flex:1;min-width:0}.card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0;line-height:var(--leading-tight)}.card__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0 0}.card__header-action{flex-shrink:0}.card__body,.card--padding-none .card__body{padding:var(--space-4)}.card__body:first-child{padding-top:var(--space-4)}.card__body:last-child{padding-bottom:var(--space-4)}.card__footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--color-border-light);background:var(--color-bg-primary)}.card--padding-none .card__footer{padding:var(--space-4)}.card__footer--left{justify-content:flex-start}.card__footer--center{justify-content:center}.card__footer--right{justify-content:flex-end}.card__footer--between{justify-content:space-between}.stat-card{padding:var(--space-4)}.stat-card__content{display:flex;align-items:flex-start;justify-content:space-between}.stat-card__main{display:flex;align-items:flex-start;gap:var(--space-3)}.stat-card__icon{width:44px;height:44px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-accent);flex-shrink:0}.stat-card__text{min-width:0}.stat-card__title{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.stat-card__value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:var(--space-1) 0 0 0;line-height:var(--leading-tight)}.stat-card__description{font-size:var(--text-xs);color:var(--color-text-muted);margin:var(--space-1) 0 0 0}.stat-card__trend{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium)}.stat-card__trend--up{color:var(--color-success)}.stat-card__trend--down{color:var(--color-error)}.stat-card__trend--neutral{color:var(--color-text-secondary)}.card-grid{display:grid;gap:var(--space-4)}.card-grid--2{grid-template-columns:repeat(2,1fr)}.card-grid--3{grid-template-columns:repeat(3,1fr)}.card-grid--4{grid-template-columns:repeat(4,1fr)}.card-grid--auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width: 1024px){.card-grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.card-grid--2,.card-grid--3,.card-grid--4{grid-template-columns:1fr}}.card-list{display:flex;flex-direction:column;gap:var(--space-3)}.card-list .card{margin-bottom:0}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);padding:var(--space-4)}.auth-container{width:100%;max-width:400px}.auth-logo{text-align:center;margin-bottom:var(--space-8)}.auth-logo-icon{width:64px;height:64px;background:var(--color-accent);color:#fff;font-size:var(--text-2xl);font-weight:var(--font-bold);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.auth-logo h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.auth-logo p{color:var(--color-text-secondary);font-size:var(--text-sm)}.auth-card{padding:var(--space-8)}.auth-title{font-size:var(--text-xl);font-weight:var(--font-semibold);text-align:center;margin-bottom:var(--space-6);color:var(--color-text-primary)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form .form-group{margin-bottom:0}.auth-error{padding:var(--space-3);background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);text-align:center;margin-bottom:var(--space-4)}.auth-footer{margin-top:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-footer a{color:var(--color-accent);text-decoration:none;font-weight:var(--font-medium)}.auth-footer a:hover{text-decoration:underline}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary)}@media (max-width: 480px){.auth-container{max-width:100%}.auth-card{padding:var(--space-6)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh}.status-bar{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-3) 0;margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.device-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full)}.status-dot.connected{background:var(--color-success)}.status-dot.disconnected{background:var(--color-error)}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-12);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.upload-zone:hover,.upload-zone.dragover{border-color:var(--color-accent);background:#6366f11a}.upload-zone input{display:none}.test-list{display:flex;flex-direction:column;gap:var(--space-2)}.test-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--color-bg-primary);border-radius:var(--radius-md);border:1px solid var(--color-border-light);transition:all var(--transition-fast)}.test-item:hover{border-color:var(--color-border)}.test-item-name{font-weight:var(--font-medium)}.test-item-status{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;font-weight:var(--font-medium)}.test-item-status.passed{background:#22c55e33;color:var(--color-success)}.test-item-status.failed{background:#ef444433;color:var(--color-error)}.test-item-status.pending{background:#eab30833;color:var(--color-warning)}.test-item-status.running{background:#6366f133;color:var(--color-accent)}.test-actions{display:flex;gap:var(--space-2)}.grid{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.output{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);max-height:400px;overflow:auto;white-space:pre-wrap}.progress{height:4px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.progress-bar{height:100%;background:var(--color-accent);transition:width var(--transition-normal)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium)}.badge-info{background:#6366f133;color:var(--color-accent)}.badge-success{background:#22c55e33;color:var(--color-success)}.badge-warning{background:#eab30833;color:var(--color-warning)}.badge-error{background:#ef444433;color:var(--color-error)}.badge-flaky{background:#f9731633;color:#f97316}.badge-stable{background:#22c55e33;color:var(--color-success)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.form-input{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);font-family:var(--font-sans);transition:border-color var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-accent)}.form-input::placeholder{color:var(--color-text-muted)}.empty-state{text-align:center;padding:var(--space-12);color:var(--color-text-muted)}.empty-state__icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.empty-state__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.empty-state__description{font-size:var(--text-sm);margin-bottom:var(--space-4)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn var(--transition-fast)}.modal{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-6);width:90%;max-width:800px;max-height:90vh;overflow:auto;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.modal-title{font-size:var(--text-xl);font-weight:var(--font-semibold)}.modal-close{background:none;border:none;color:var(--color-text-secondary);font-size:var(--text-2xl);cursor:pointer;padding:0;line-height:1;transition:color var(--transition-fast)}.modal-close:hover{color:var(--color-text-primary)}.modal-body{margin-bottom:var(--space-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3)}.log-panel{position:fixed;bottom:0;left:var(--sidebar-width);right:0;background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);z-index:var(--z-sticky);transition:height var(--transition-normal),left var(--transition-normal)}.log-panel.expanded{height:var(--log-panel-height)}.log-panel.collapsed{height:var(--log-panel-collapsed-height)}.log-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light);height:var(--log-panel-collapsed-height)}.log-panel-title{display:flex;align-items:center;gap:var(--space-3);font-weight:var(--font-medium);font-size:var(--text-sm)}.log-panel-toggle{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);font-size:var(--text-xs);transition:color var(--transition-fast)}.log-panel-toggle:hover{color:var(--color-text-primary)}.log-panel-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-accent)}.spinner-small{width:12px;height:12px;border:2px solid var(--color-bg-tertiary);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:spin 1s linear infinite}.log-panel-actions{display:flex;gap:var(--space-2);align-items:center}.log-filter-select{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.log-progress{height:3px;background:var(--color-bg-tertiary);overflow:hidden}.log-progress-bar{height:100%;background:var(--color-accent);transition:width var(--transition-normal)}.log-panel-content{height:calc(100% - 43px);overflow-y:auto;padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-relaxed)}.log-entry{display:flex;gap:var(--space-3);white-space:pre-wrap;word-break:break-all}.log-time{color:var(--color-text-muted);flex-shrink:0}.log-level{flex-shrink:0;width:48px}.log-message{flex:1}.log-info{color:var(--color-info)}.log-command{color:#8b5cf6}.log-output{color:var(--color-text-secondary)}.log-success{color:var(--color-success)}.log-error{color:var(--color-error)}.log-warning{color:var(--color-warning)}.log-empty{color:var(--color-text-muted);text-align:center;padding:var(--space-8)}.log-panel-content::-webkit-scrollbar{width:8px}.log-panel-content::-webkit-scrollbar-track{background:var(--color-bg-primary)}.log-panel-content::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.log-panel-content::-webkit-scrollbar-thumb:hover{background:var(--color-border)}.stat-card{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;border:1px solid var(--color-border-light)}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.stat-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.test-history{display:flex;gap:2px;align-items:center}.test-history-dot{width:6px;height:6px;border-radius:var(--radius-full)}.test-history-dot.passed{background:var(--color-success)}.test-history-dot.failed,.test-history-dot.error{background:var(--color-error)}.test-history-dot.pending{background:var(--color-text-muted)}.card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4);border:1px solid var(--color-border-light)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.btn{background:var(--color-accent);color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);transition:background var(--transition-fast)}.btn:hover{background:var(--color-accent-hover)}.btn:disabled{background:var(--color-bg-tertiary);cursor:not-allowed}.btn-secondary{background:var(--color-bg-tertiary)}.btn-secondary:hover{background:var(--color-border)}.btn-danger{background:var(--color-error)}.btn-danger:hover{background:#dc2626}.btn-success{background:var(--color-success)}.btn-success:hover{background:#16a34a}@media (max-width: 768px){.log-panel{left:0}}.section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:calc(-1 * var(--space-2));margin-bottom:var(--space-4)}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}