.top-nav{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 1.5rem;background:var(--bg-color-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.top-nav__left{display:flex;align-items:center;gap:.75rem}.top-nav__logo{width:28px;height:28px;background:var(--brand-logo) no-repeat center / contain}.top-nav__title{font-size:1rem;font-weight:700;color:var(--text-primary);font-family:var(--font-headers)}.top-nav__tabs{display:flex;gap:.25rem}.top-nav__right{display:flex;align-items:center;gap:.75rem}.top-nav__user{display:flex;align-items:center;gap:.5rem}.top-nav__avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-cyan);color:var(--bg-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.btn-sm{padding:.35rem .75rem;font-size:.75rem}.btn-tab.disabled{opacity:.35;cursor:not-allowed}.sidebar{width:220px;padding:1rem .75rem}.sidebar__nav{display:flex;flex-direction:column;gap:.25rem}.nav-icon{font-size:1.1rem;width:1.5rem;text-align:center}.content-pane{padding:1.5rem 2rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-header h2{font-size:1.4rem;font-family:var(--font-headers)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{padding:.65rem 1rem;text-align:left;border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.data-table th:hover{color:var(--accent-cyan)}.data-table th .sort-arrow{margin-left:.25rem;opacity:.4}.data-table th .sort-arrow.active{opacity:1;color:var(--accent-cyan)}.data-table td{padding:.65rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.data-table tr{cursor:pointer;transition:background var(--transition-fast)}.data-table tr:hover td{background:#0ea5e90a}.filter-bar{display:flex;gap:.75rem;margin-bottom:1rem;align-items:center}.filter-bar .input-field{max-width:320px}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state h3{color:var(--text-tertiary);margin-bottom:.5rem}.empty-state .btn{margin-top:1rem}.skeleton-row{height:44px;background:linear-gradient(90deg,var(--bg-color-tertiary) 25%,rgba(30,41,59,.6) 50%,var(--bg-color-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm);margin-bottom:.5rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;max-width:380px}.toast{padding:.75rem 1rem;border-radius:var(--radius-md);background:var(--bg-color-secondary);border:1px solid var(--border-color);color:var(--text-primary);font-size:.85rem;box-shadow:0 8px 24px #0006;animation:fadeInUp .3s ease forwards;display:flex;align-items:center;gap:.5rem}.toast--success{border-left:3px solid var(--accent-success)}.toast--error{border-left:3px solid var(--accent-danger)}.toast--info{border-left:3px solid var(--accent-cyan)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.modal-overlay[aria-hidden=false]{opacity:1;pointer-events:auto}.modal-content{background:var(--bg-color-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:500px;max-height:80vh;overflow-y:auto}.modal-content h3{margin-bottom:1rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem;font-weight:500}.form-group .field-error{font-size:.75rem;color:var(--accent-danger);margin-top:.25rem}.input-field.error{border-color:var(--accent-danger)}.status-badge{display:inline-flex;padding:.15rem .5rem;border-radius:9999px;font-size:.7rem;font-weight:600;text-transform:uppercase}.status-badge--active{background:var(--accent-success-glow);color:var(--accent-success);border:1px solid rgba(16,185,129,.3)}.status-badge--inactive{background:#64748b26;color:var(--text-tertiary);border:1px solid rgba(100,116,139,.3)}.coming-soon{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--text-tertiary);font-size:1.2rem;font-family:var(--font-headers)}.btn.loading{pointer-events:none;opacity:.7}.btn.loading:after{content:"";width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;margin-left:.5rem}.detail-section{margin-bottom:2rem}.detail-section h3{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent-cyan);color:var(--bg-color);padding:.5rem 1rem;z-index:9999;font-weight:600}.skip-link:focus{top:0}@media(max-width:768px){.sidebar,.top-nav__tabs{display:none}.content-pane{padding:1rem}}