.sidebar--collapsed{--width-sidebar: 64px}.sidebar--collapsed .sidebar__user-info,.sidebar--collapsed .sidebar__user-name,.sidebar--collapsed .sidebar__user-role,.sidebar--collapsed .nav-item span,.sidebar--collapsed .sidebar__section-header{display:none}.sidebar--collapsed .sidebar__brand{padding:var(--spacing-sm)}.sidebar--collapsed .sidebar__brand img{max-height:32px}.sidebar--collapsed .nav-item{justify-content:center;padding:var(--spacing-sm)}.sidebar--collapsed .nav-item svg{margin:0}.sidebar--collapsed .nav-item{position:relative}.sidebar--collapsed .nav-item:after{content:attr(data-tooltip);position:absolute;left:100%;margin-left:12px;padding:6px 12px;background:var(--color-ink);color:var(--color-paper);border-radius:var(--radius-md);font-size:.8rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out);z-index:100;box-shadow:var(--shadow-md)}.sidebar--collapsed .nav-item:hover:after{opacity:1}.sidebar__collapse-btn{position:absolute;top:88px;right:-14px;width:30px;height:30px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-accent-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:15;box-shadow:var(--shadow-md);transition:all var(--duration-fast) var(--ease-out);padding:0}.sidebar__collapse-btn:hover{background:var(--color-accent-bg);border-color:var(--color-accent);transform:scale(1.05)}.sidebar__collapse-btn:active{transform:scale(.95)}.sidebar__collapse-btn svg{color:var(--color-accent);transition:transform var(--duration-base) var(--ease-out);width:16px;height:16px}.sidebar--collapsed .sidebar__collapse-btn svg{transform:rotate(180deg)}.sidebar__section-header{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-faint);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-xs);margin-top:var(--spacing-sm)}.kpi-card-metric--trend{position:relative;cursor:pointer;transition:box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.kpi-card-metric--trend:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card__trend{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:700;margin-top:4px}.kpi-card__trend--up{color:var(--color-success)}.kpi-card__trend--down{color:var(--color-danger)}.kpi-card__sparkline{position:absolute;bottom:0;right:0;width:80px;height:32px;opacity:.6;pointer-events:none}.order-stepper{display:flex;align-items:center;gap:0;width:100%;padding:var(--spacing-md) 0}.order-stepper__step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;position:relative}.order-stepper__dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text-faint);transition:all var(--duration-base) var(--ease-out);z-index:1}.order-stepper__step--done .order-stepper__dot{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.order-stepper__step--current .order-stepper__dot{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 0 0 4px var(--color-accent-dim)}.order-stepper__label{font-size:.65rem;font-weight:600;color:var(--color-text-faint);text-align:center;white-space:nowrap}.order-stepper__step--done .order-stepper__label,.order-stepper__step--current .order-stepper__label{color:var(--color-text)}.order-stepper__line{position:absolute;top:14px;left:50%;right:-50%;height:2px;background:var(--color-border);z-index:0}.order-stepper__step--done .order-stepper__line{background:var(--color-accent)}.settings-tabs{display:grid;grid-template-columns:200px 1fr;gap:var(--spacing-xl)}.settings-tabs__nav{display:flex;flex-direction:column;gap:4px;position:sticky;top:var(--spacing-md);align-self:start}.settings-tabs__btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:none;background:none;cursor:pointer;font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--color-text-muted);transition:all var(--duration-fast) var(--ease-out);text-align:left}.settings-tabs__btn:hover{background:var(--color-accent-bg);color:var(--color-accent)}.settings-tabs__btn--active{background:var(--color-accent-bg);color:var(--color-accent);border-left:3px solid var(--color-accent)}.settings-tabs__btn svg{flex-shrink:0}@media(max-width:768px){.settings-tabs{grid-template-columns:1fr}.settings-tabs__nav{flex-direction:row;overflow-x:auto;position:relative;top:0}.settings-tabs__btn{white-space:nowrap}}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table thead th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-faint);border-bottom:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out)}.data-table thead th:hover{color:var(--color-accent)}.data-table thead th .sort-icon{display:inline-block;margin-left:4px;opacity:.4;transition:opacity var(--duration-fast) var(--ease-out)}.data-table thead th.sorting .sort-icon{opacity:1;color:var(--color-accent)}.data-table tbody tr{border-bottom:1px solid var(--color-border-subtle);transition:background var(--duration-fast) var(--ease-out)}.data-table tbody tr:hover{background:var(--color-accent-bg)}.data-table tbody td{padding:var(--spacing-sm) var(--spacing-md)}.data-table__checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent)}.bulk-actions-bar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-accent-bg);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.bulk-actions-bar__count{font-size:.8rem;font-weight:700;color:var(--color-accent)}.pagination{display:flex;align-items:center;gap:4px;justify-content:center;padding:var(--spacing-md) 0}.pagination__btn{min-width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;font-size:.8rem;font-weight:600;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}.pagination__btn:hover:not(:disabled){border-color:var(--color-accent-soft);color:var(--color-accent)}.pagination__btn--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.modal-tabs{display:flex;gap:2px;border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--spacing-md)}.modal-tab{padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;cursor:pointer;font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--color-text-faint);border-bottom:2px solid transparent;transition:all var(--duration-fast) var(--ease-out)}.modal-tab:hover{color:var(--color-text)}.modal-tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}@media(max-width:1023px){.top-bar{padding:var(--spacing-xs) var(--spacing-sm) 0 var(--spacing-sm)}.top-bar__title{font-size:1.1rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:35vw}.top-bar__inner{gap:var(--spacing-sm)}.top-bar__profile-btn{padding:8px var(--spacing-sm);font-size:.7rem;max-width:40vw}.top-bar__profile-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-bar__bell-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center}}.settings-layout,.settings-layout h1,.settings-layout h2,.settings-layout h3,.settings-layout h4,.settings-layout h5,.settings-layout h6,.settings-layout input,.settings-layout textarea,.settings-layout select,.settings-layout button{font-family:var(--font-body)}