.nav{position:fixed;top:0;left:0;right:0;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);background:#ffffffd9;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border-color-light);z-index:var(--z-sticky)}.nav__logo{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-lg);color:var(--text-primary);text-decoration:none}.nav__logo:hover{text-decoration:none}.nav__logo-icon{width:30px;height:30px;background:none;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden}.nav__actions{display:flex;align-items:center;gap:var(--space-3)}.nav__menu-wrap{position:relative;margin-left:auto}.nav__menu-btn{width:34px;height:34px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.nav__menu-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav__dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--bg-primary);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:6px;z-index:100}.nav__dropdown.open{display:block;animation:menuFade .15s ease-out}@keyframes menuFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav__dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;transition:background var(--transition-fast)}.nav__dropdown-item:hover{background:var(--bg-secondary)}.nav__dropdown-item svg{color:var(--text-tertiary);flex-shrink:0}.nav__dropdown-item--danger{color:#ff3b30}.nav__dropdown-item--danger svg{color:#ff3b30}.nav__dropdown-sep{height:1px;background:var(--border-color-light);margin:4px 8px}.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:8px 16px;border-radius:var(--radius-md);font-weight:500;font-size:var(--text-sm);line-height:1.2;transition:all var(--transition-fast);white-space:nowrap}.btn--primary{background:var(--color-brand);color:#fff}.btn--primary:hover{background:var(--color-brand-hover)}.btn--primary:active{transform:scale(.98)}.btn--secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn--secondary:hover{background:var(--bg-tertiary)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn--danger{background:transparent;color:var(--color-error)}.btn--danger:hover{background:#ff3b3014}.btn--sm{padding:5px 10px;font-size:var(--text-xs)}.btn--lg{padding:12px 24px;font-size:var(--text-base);border-radius:var(--radius-lg)}.btn--full{width:100%}.btn--loading{pointer-events:none;opacity:.6}.btn--loading:after{content:"";width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .5s linear infinite;margin-left:var(--space-2)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-group__label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.input-field{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border-color-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:all var(--transition-fast);box-sizing:border-box}.input-field::placeholder{color:var(--text-tertiary)}.input-field:hover{border-color:var(--border-color)}.input-field:focus{border-color:var(--color-brand);background:var(--bg-input-focus);box-shadow:0 0 0 3px #007aff1f}.input-field--error{border-color:var(--color-error);box-shadow:0 0 0 3px #ff3b301a}.card{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-sm)}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:var(--border-color)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.badge--success{background:#34c7591f;color:#248a3d}.badge--error{background:#ff3b301a;color:var(--color-error)}.badge--warning{background:#ff95001f;color:#c93400}.badge--info{background:var(--color-brand-bg);color:var(--color-brand)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-6);opacity:0;visibility:hidden;transition:all var(--transition-base)}.modal-backdrop.active{opacity:1;visibility:visible}.modal{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-8);max-width:440px;width:100%;max-height:90vh;overflow-y:auto;transform:scale(.96);transition:transform var(--transition-slow);box-shadow:var(--shadow-xl)}.modal-backdrop.active .modal{transform:scale(1)}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.modal__title{font-size:var(--text-xl);font-weight:600}.modal__close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--text-tertiary);transition:all var(--transition-fast);font-size:16px}.modal__close:hover{color:var(--text-primary);background:var(--bg-secondary)}.toast-container{position:fixed;top:64px;right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:fadeInDown var(--transition-base);min-width:280px;max-width:380px}.toast--success{border-left:3px solid var(--color-success)}.toast--error{border-left:3px solid var(--color-error)}.toast--info{border-left:3px solid var(--color-brand)}.toast--warning{border-left:3px solid var(--color-warning)}.toast__icon{font-size:16px;flex-shrink:0;display:flex;align-items:center}.toast__message{font-size:var(--text-sm);color:var(--text-primary);flex:1}.toast__close{color:var(--text-tertiary);flex-shrink:0;cursor:pointer;transition:color var(--transition-fast);font-size:12px;display:flex;align-items:center}.toast__close:hover{color:var(--text-primary)}.toast.removing{animation:fadeOut var(--transition-fast) forwards}.stepper{display:flex;flex-direction:column;gap:var(--space-4)}.stepper__step{display:flex;align-items:center;gap:var(--space-3)}.stepper__indicator{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600;flex-shrink:0;border:1.5px solid var(--border-color);color:var(--text-tertiary);background:var(--bg-secondary);transition:all var(--transition-base)}.stepper__step--active .stepper__indicator{border-color:var(--color-brand);background:var(--color-brand);color:#fff}.stepper__step--completed .stepper__indicator{border-color:var(--color-success);background:var(--color-success);color:#fff}.stepper__title{font-weight:500;font-size:var(--text-sm);color:var(--text-tertiary)}.stepper__step--active .stepper__title{color:var(--text-primary)}.stepper__step--completed .stepper__title{color:var(--color-success)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--border-color-light)}.table{width:100%;border-collapse:collapse;min-width:500px}.table th{text-align:left;padding:10px 16px;font-size:var(--text-xs);font-weight:600;color:var(--text-label);text-transform:uppercase;letter-spacing:.04em;background:var(--bg-secondary);border-bottom:1px solid var(--border-color-light);white-space:nowrap}.table td{padding:10px 16px;font-size:var(--text-sm);border-bottom:1px solid var(--border-color-light);color:var(--text-secondary)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-secondary)}.table__mono{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);word-break:break-all}.stat-card{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);padding:var(--space-5)}.stat-card__icon{font-size:20px;margin-bottom:var(--space-3);color:var(--text-label);display:flex;align-items:center}.stat-card__value{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:var(--space-1)}.stat-card__label{font-size:var(--text-sm);color:var(--text-label);font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.empty-state__icon{font-size:36px;margin-bottom:var(--space-3);opacity:.4;display:flex;align-items:center;justify-content:center}.empty-state__title{font-size:var(--text-base);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-1)}.empty-state__desc{font-size:var(--text-sm);color:var(--text-tertiary);max-width:320px}@media(max-width:768px){.modal{max-width:100%;margin:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg)}.toast-container{right:var(--space-4);left:var(--space-4)}.toast{min-width:auto;max-width:100%}.table{min-width:0;width:100%;table-layout:fixed}.table th,.table td{padding:8px;font-size:11px;word-break:break-all;overflow-wrap:anywhere}.table__mono{font-size:10px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.table th:nth-child(4),.table td:nth-child(4){display:none}}