.login{isolation:isolate;background:radial-gradient(1200px 700px at 12% -10%,#dbe6fd 0%,#0000 55%),radial-gradient(900px 600px at 90% 110%,#d3e0fc 0%,#0000 50%),linear-gradient(160deg,#f7f9fd 0%,#eaf0fc 48%,#dfe7fb 100%);place-items:center;min-height:100svh;padding:24px;display:grid;position:relative;overflow:hidden}.login__atmosphere{z-index:-1;pointer-events:none;position:absolute;inset:0}.login__glow{filter:blur(40px);opacity:.55;border-radius:50%;animation:14s ease-in-out infinite drift;position:absolute}.login__glow--one{background:#a9c0fa;width:min(42vw,420px);height:min(42vw,420px);top:-8%;left:-6%}.login__glow--two{background:#bcd0fb;width:min(48vw,480px);height:min(48vw,480px);animation-delay:-6s;bottom:-14%;right:-10%}.login__grid{opacity:.28;background-image:linear-gradient(#1c23400f 1px,#0000 1px),linear-gradient(90deg,#1c23400f 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 28%,#0000 78%);mask-image:radial-gradient(circle,#000 28%,#0000 78%)}.login__panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(100%,420px);box-shadow:var(--shadow);background:#ffffffc7;border:1px solid #1c234014;border-radius:20px;padding:clamp(28px,5vw,40px);animation:.7s cubic-bezier(.22,1,.36,1) both rise}.login__brand{margin-bottom:28px}.login__mark{font-family:var(--font-brand);letter-spacing:-.06em;color:var(--ink);margin:0 0 10px;font-size:clamp(2.6rem,8vw,3.4rem);font-weight:800;line-height:.95;animation:.8s cubic-bezier(.22,1,.36,1) 50ms both rise}.login__title{font-family:var(--font-ui);color:var(--ink-soft);letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:500}.login__form{gap:16px;display:grid}.login__field{text-align:left;gap:8px;display:grid}.login__field span{letter-spacing:.02em;color:var(--ink-soft);font-size:.82rem;font-weight:600}.login__field input{border:1px solid var(--line);background:var(--field);width:100%;height:48px;color:var(--ink);border-radius:12px;outline:none;padding:0 14px;transition:border-color .2s,box-shadow .2s,background-color .2s}.login__field input:hover{border-color:#a9b6d6}.login__field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login__submit{background:var(--accent);color:#fff;letter-spacing:.01em;border:0;border-radius:12px;height:50px;margin-top:8px;font-size:.98rem;font-weight:600;transition:background-color .2s,transform .2s}.login__submit:hover{background:var(--accent-deep)}.login__submit:active{transform:translateY(1px)}.login__submit:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(18px,-12px)scale(1.05)}}@media (width<=480px){.login{align-items:stretch;padding:16px}.login__panel{border-radius:16px;margin:auto 0}}.sidebar{background:var(--color-sidebar);width:216px;min-width:216px;height:100vh;padding:var(--space-4) var(--space-3) 0;z-index:var(--z-sidebar);flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden}.sidebar__logo{padding:0 var(--space-2) var(--space-4);align-items:center;gap:10px;display:flex}.sidebar__logo-mark{background:var(--color-primary);color:#fff;width:30px;height:30px;font-size:15px;font-weight:var(--fw-bold);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__logo-text{color:#fff;font-size:15px;line-height:1.2;font-weight:var(--fw-bold);letter-spacing:-.01em;flex-direction:column;display:flex}.sidebar__logo-text small{font-size:10px;font-weight:var(--fw-semibold);color:var(--color-sidebar-text);letter-spacing:.08em}.sidebar__nav{min-height:0;padding-bottom:var(--space-3);scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color var(--transition-base);flex:1;padding-right:2px;overflow-y:auto}.sidebar__nav:hover,.sidebar__nav:focus-within{scrollbar-color:#ffffff2e transparent}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-track{background:0 0}.sidebar__nav::-webkit-scrollbar-thumb{background:0 0;border-radius:4px}.sidebar__nav:hover::-webkit-scrollbar-thumb{background:#ffffff2e}.sidebar__nav:focus-within::-webkit-scrollbar-thumb{background:#ffffff2e}.sidebar__nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar__nav ul{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sidebar__section-label{margin:var(--space-3) 0 var(--space-1);padding:0 var(--space-2);font-size:10px;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:#ffffff59}.sidebar__item{align-items:center;gap:var(--space-2);width:100%;padding:10px var(--space-2);border-radius:var(--radius-sm);color:var(--color-sidebar-text);font-size:var(--fs-body);font-weight:var(--fw-medium);text-align:left;cursor:pointer;transition:background var(--transition-base), color var(--transition-base);background:0 0;border:none;display:flex}.sidebar__item span{flex:1}.sidebar__icon{flex-shrink:0}.sidebar__chevron{color:inherit;opacity:.7;flex-shrink:0}.sidebar__item:hover{color:#fff;background:#ffffff0f}.sidebar__item--active{background:var(--color-sidebar-active);color:var(--color-sidebar-text-active)}.sidebar__item--active:hover{background:var(--color-sidebar-active)}.sidebar__submenu{border-left:1px solid #ffffff14;flex-direction:column;gap:2px;margin:2px 0 0 19px;padding:0 0 0 30px;list-style:none;display:flex}.sidebar__subitem{text-align:left;width:100%;padding:8px var(--space-2);border-radius:var(--radius-sm);font-size:var(--fs-small);font-weight:var(--fw-medium);color:var(--color-sidebar-text);cursor:pointer;transition:background var(--transition-base), color var(--transition-base);background:0 0;border:none}.sidebar__subitem:hover{color:#fff;background:#ffffff0f}.sidebar__subitem--active{color:var(--color-sidebar-text-active);font-weight:var(--fw-semibold)}.sidebar__footer{padding:var(--space-3) 0;border-top:1px solid #ffffff14}.sidebar__help{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:background var(--transition-base);background:#ffffff0d;border:none;display:flex}.sidebar__help:hover{background:#ffffff17}.sidebar__help-text{text-align:left;font-size:var(--fs-small);font-weight:var(--fw-semibold);flex-direction:column;flex:1;line-height:1.3;display:flex}.sidebar__help-text small{font-size:var(--fs-xs);font-weight:var(--fw-regular);color:var(--color-sidebar-text)}@media (width<=1024px){.sidebar{align-items:center;width:72px;min-width:72px}.sidebar__logo-text,.sidebar__section-label,.sidebar__item span,.sidebar__chevron,.sidebar__submenu,.sidebar__help-text{display:none}.sidebar__item,.sidebar__help{justify-content:center}}.header{justify-content:space-between;align-items:flex-start;display:flex}.header__titles{gap:var(--space-1);flex-direction:column;display:flex}.header__title{font-size:var(--fs-page-title);font-weight:var(--fw-bold);color:var(--color-text);letter-spacing:-.01em;margin:0}.header__subtitle{font-size:var(--fs-subtitle);font-weight:var(--fw-regular);color:var(--color-text-secondary);margin:0}.header__actions{align-items:center;gap:var(--space-3);display:flex}.header__bell{width:38px;height:38px;color:var(--color-text);border-radius:var(--radius-sm);transition:background var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.header__bell:hover{background:var(--color-hover)}.header__bell-dot{background:var(--color-info);border:2px solid var(--color-card);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.header__profile-wrap{position:relative}.header__profile{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);border-radius:var(--radius-button);cursor:pointer;transition:background var(--transition-base);background:0 0;border:none;display:flex}.header__profile:hover{background:var(--color-hover)}.header__avatar{background:var(--color-primary);color:#fff;width:34px;height:34px;font-size:var(--fs-small);font-weight:var(--fw-semibold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.header__profile-text{text-align:left;flex-direction:column;line-height:1.3;display:flex}.header__profile-name{font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--color-text)}.header__profile-role{font-size:var(--fs-xs);color:var(--color-text-secondary)}.header__chevron{color:var(--color-text-secondary);transition:transform var(--transition-base)}.header__chevron--open{transform:rotate(180deg)}.header__dropdown{top:calc(100% + var(--space-2));background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-dropdown);min-width:176px;box-shadow:var(--shadow-md);padding:var(--space-2);z-index:var(--z-dropdown);animation:fadeSlideDown var(--transition-base);flex-direction:column;gap:2px;display:flex;position:absolute;right:0}.header__dropdown-item{text-align:left;padding:9px var(--space-2);border-radius:var(--radius-sm);font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none}.header__dropdown-item:hover{background:var(--color-hover)}.header__dropdown-item--danger{color:var(--color-danger)}@media (width<=640px){.header__profile-text{display:none}}.filter-bar{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-dropdown{align-items:center;gap:var(--space-2);padding:10px var(--space-3) 10px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-dropdown);background:var(--color-card);transition:border-color var(--transition-base), background var(--transition-base);display:flex;position:relative}.filter-dropdown:hover{background:var(--color-hover);border-color:#c7d0f0}.filter-dropdown:focus-within{border-color:var(--color-primary)}.filter-dropdown__icon{color:var(--color-text-secondary);flex-shrink:0}.filter-dropdown__select{font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--color-text);cursor:pointer;appearance:none;padding-right:var(--space-4);background:0 0;border:none;outline:none}.filter-dropdown__chevron{right:var(--space-3);color:var(--color-text-secondary);pointer-events:none;position:absolute}@media (width<=768px){.filter-dropdown{flex:45%}}.search-bar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.search-bar__input-wrap{flex:1;min-width:260px;position:relative}.search-bar__icon{left:var(--space-3);color:var(--color-text-secondary);position:absolute;top:50%;transform:translateY(-50%)}.search-bar__input{border:1px solid var(--color-border);background:var(--color-card);border-radius:var(--radius-input);width:100%;height:42px;padding:0 var(--space-3) 0 40px;font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--color-text);transition:border-color var(--transition-base);outline:none}.search-bar__input::placeholder{color:var(--color-text-secondary)}.search-bar__input:focus{border-color:var(--color-primary)}.search-bar__btn{height:42px;padding:0 var(--space-4);border-radius:var(--radius-button);background:var(--color-primary);color:#fff;font-size:var(--fs-body);font-weight:var(--fw-semibold);cursor:pointer;transition:background var(--transition-base);border:none}.search-bar__btn:hover{background:var(--color-primary-hover)}.search-bar__clear{color:var(--color-primary);font-size:var(--fs-body);font-weight:var(--fw-semibold);cursor:pointer;padding:var(--space-1) 0;background:0 0;border:none}.search-bar__clear:hover{text-decoration:underline}@media (width<=640px){.search-bar{flex-direction:column;align-items:stretch}.search-bar__btn{width:100%}}.export-btn-wrap{position:relative}.export-btn{align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-card);color:var(--color-text);font-size:var(--fs-body);font-weight:var(--fw-semibold);cursor:pointer;transition:background var(--transition-base);display:flex}.export-btn:hover{background:var(--color-hover)}.export-btn__chevron{color:var(--color-text-secondary);transition:transform var(--transition-base)}.export-btn__chevron--open{transform:rotate(180deg)}.export-btn__dropdown{top:calc(100% + var(--space-2));background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-dropdown);min-width:184px;box-shadow:var(--shadow-md);padding:var(--space-2);z-index:var(--z-dropdown);animation:fadeSlideDown var(--transition-base);flex-direction:column;gap:2px;display:flex;position:absolute;right:0}.export-btn__dropdown-item{text-align:left;padding:9px var(--space-2);border-radius:var(--radius-sm);font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none}.export-btn__dropdown-item:hover{background:var(--color-hover);color:var(--color-primary)}.status-badge{border-radius:var(--radius-badge);font-size:var(--fs-small);font-weight:var(--fw-semibold);white-space:nowrap;align-items:center;padding:4px 12px;display:inline-flex}.status-badge--info{background:var(--color-info-bg);color:var(--color-info)}.status-badge--success{background:var(--color-success-bg);color:var(--color-success)}.status-badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.status-badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.status-badge--neutral{background:var(--color-hover);color:var(--color-text-secondary)}.orders-table-wrap{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}.orders-table{border-collapse:collapse;width:100%}.orders-table thead th{background:var(--color-card);text-align:left;padding:var(--space-3) var(--space-3);font-size:var(--fs-small);font-weight:var(--fw-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap;position:sticky;top:0}.orders-table tbody tr{border-bottom:1px solid var(--color-border);cursor:pointer;height:56px;transition:background var(--transition-fast)}.orders-table tbody tr:last-child{border-bottom:none}.orders-table tbody tr:hover{background:var(--color-hover)}.orders-table tbody tr.orders-table__row--selected{background:var(--color-info-bg)}.orders-table td{padding:var(--space-3);font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--color-text);white-space:nowrap}.orders-table__id{font-weight:var(--fw-semibold)}.orders-table__payment{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);display:inline-flex}.orders-table__empty{padding:var(--space-6);text-align:center;color:var(--color-text-secondary);font-size:var(--fs-body)}@media (width<=1024px){.orders-table-wrap{overflow-x:auto}}.pagination{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-1);flex-wrap:wrap;display:flex}.pagination__rows{align-items:center;gap:var(--space-2);font-size:var(--fs-body);color:var(--color-text-secondary);display:flex}.pagination__rows-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px var(--space-2);font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--color-text);background:var(--color-card);cursor:pointer}.pagination__range{color:var(--color-text-secondary)}.pagination__controls{align-items:center;gap:4px;display:flex}.pagination__nav-btn,.pagination__page-btn{border:1px solid var(--color-border);background:var(--color-card);border-radius:var(--radius-sm);min-width:32px;height:32px;color:var(--color-text);font-size:var(--fs-body);font-weight:var(--fw-medium);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;padding:0 8px;display:flex}.pagination__nav-btn:hover:not(:disabled),.pagination__page-btn:hover{background:var(--color-hover)}.pagination__nav-btn:disabled{opacity:.4;cursor:not-allowed}.pagination__page-btn--active{background:var(--color-info-bg);border-color:var(--color-primary);color:var(--color-primary);font-weight:var(--fw-semibold)}.pagination__ellipsis{color:var(--color-text-secondary);padding:0 4px}@media (width<=640px){.pagination{text-align:center;justify-content:center}}.order-panel{background:var(--color-card);border-left:1px solid var(--color-border);width:340px;min-width:340px;height:100vh;animation:panelSlideIn var(--transition-base);flex-direction:column;display:flex;position:sticky;top:0}.order-panel__header{padding:var(--space-4) var(--space-4) 0;justify-content:space-between;align-items:flex-start;display:flex}.order-panel__title{font-size:var(--fs-heading);font-weight:var(--fw-bold);color:var(--color-text);margin:0 0 4px}.order-panel__datetime{font-size:var(--fs-small);color:var(--color-text-secondary);margin:0}.order-panel__close{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px}.order-panel__close:hover{background:var(--color-hover)}.order-panel__badges{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.order-panel__pill{border-radius:var(--radius-badge);background:var(--color-hover);color:var(--color-text);font-size:var(--fs-small);font-weight:var(--fw-semibold);align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.order-panel__body{padding:0 var(--space-4) var(--space-4);flex:1;overflow-y:auto}.order-panel__section{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.order-panel__section:last-child{border-bottom:none}.order-panel__section-title{margin:0 0 var(--space-2);font-size:var(--fs-small);font-weight:var(--fw-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em}.order-panel__customer-name{font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--color-text);margin:0 0 4px}.order-panel__muted{font-size:var(--fs-small);color:var(--color-text-secondary);margin:0 0 2px}.order-panel__items{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.order-panel__item{font-size:var(--fs-body);color:var(--color-text);justify-content:space-between;align-items:flex-start;display:flex}.order-panel__item-qty{color:var(--color-text-secondary)}.order-panel__item-note{font-size:var(--fs-xs);color:var(--color-text-secondary)}.order-panel__item--discount{color:var(--color-danger);font-weight:var(--fw-medium)}.order-panel__row{font-size:var(--fs-body);color:var(--color-text-secondary);justify-content:space-between;align-items:center;padding:4px 0;display:flex}.order-panel__row--total{color:var(--color-text);font-weight:var(--fw-bold);font-size:var(--fs-heading);padding-top:var(--space-2)}.order-panel__timeline{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.order-panel__timeline-step{align-items:center;gap:var(--space-2);font-size:var(--fs-body);display:flex}.order-panel__timeline-icon{color:var(--color-primary);display:flex}.order-panel__timeline-label{color:var(--color-text);flex:1}.order-panel__timeline-time{color:var(--color-text-secondary);font-size:var(--fs-small)}.order-panel__actions{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);display:flex}.order-panel__btn{border-radius:var(--radius-button);height:42px;font-size:var(--fs-body);font-weight:var(--fw-semibold);cursor:pointer;transition:background var(--transition-base);flex:1}.order-panel__btn--secondary{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text)}.order-panel__btn--secondary:hover{background:var(--color-hover)}.order-panel__btn--primary{background:var(--color-primary);color:#fff;border:none}.order-panel__btn--primary:hover{background:var(--color-primary-hover)}.order-panel__btn:disabled{cursor:not-allowed;opacity:.55}.order-panel__btn--secondary:disabled:hover{background:var(--color-card)}.order-panel__btn--primary:disabled:hover{background:var(--color-primary)}@media (width<=1024px){.order-panel{width:100%;min-width:0;z-index:var(--z-panel);position:fixed;top:0;right:0}}.order-page{background:var(--color-bg);min-height:100vh;display:flex}.order-page__body{min-width:0;padding:var(--space-4) var(--space-5);gap:var(--space-4);flex-direction:column;flex:1;display:flex}.order-page__toolbar{align-items:center;gap:var(--space-3);display:flex}.order-page__results-bar{justify-content:space-between;align-items:center;display:flex}.order-page__results-count{font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--color-text)}@media (width<=768px){.order-page__body{padding:var(--space-3)}}.order-page__placeholder{text-align:center;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);flex-direction:column;flex:1;display:flex}.order-page__placeholder-icon{background:var(--color-hover);width:56px;height:56px;color:var(--color-text-secondary);margin-bottom:var(--space-2);border-radius:50%;justify-content:center;align-items:center;display:flex}.order-page__placeholder-title{font-size:var(--fs-heading);font-weight:var(--fw-semibold);color:var(--color-text);margin:0}.order-page__placeholder-text{max-width:360px;font-size:var(--fs-body);color:var(--color-text-secondary);margin:0}:root{--color-bg:#eef2fc;--color-sidebar:#101b3d;--color-sidebar-active:#2f5fee;--color-sidebar-text:#a7add0;--color-sidebar-text-active:#fff;--color-card:#fff;--color-primary:#2f5fee;--color-primary-hover:#244cd1;--color-text:#1c2340;--color-text-secondary:#7c839e;--color-border:#e6e9f5;--color-hover:#f4f6fd;--color-success:#1fa971;--color-success-bg:#e4f8ee;--color-warning:#dd8f1e;--color-warning-bg:#fdf1dd;--color-danger:#e04361;--color-danger-bg:#fce7ea;--color-info:#2f5fee;--color-info-bg:#e8effe;--font-ui:"Inter", sans-serif;--fs-page-title:26px;--fs-subtitle:13px;--fs-heading:16px;--fs-body:13px;--fs-small:12px;--fs-xs:11px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:40px;--space-7:48px;--radius-card:20px;--radius-button:10px;--radius-input:12px;--radius-dropdown:12px;--radius-badge:8px;--radius-panel:20px;--radius-sm:8px;--shadow-xs:0 1px 2px #101b3d0a;--shadow-sm:0 4px 16px #101b3d0f;--shadow-md:0 8px 24px #101b3d14;--shadow-lg:0 16px 40px #101b3d1f;--transition-fast:.15s ease;--transition-base:.2s ease;--z-sidebar:10;--z-header:20;--z-dropdown:30;--z-panel:40;--z-modal:50;--ink:var(--color-text);--ink-soft:var(--color-text-secondary);--mist:var(--color-info-bg);--paper:var(--color-bg);--line:var(--color-border);--field:var(--color-card);--accent:var(--color-primary);--accent-deep:var(--color-primary-hover);--accent-soft:#2f5fee1f;--danger:var(--color-danger);--shadow:var(--shadow-lg);--font-brand:var(--font-ui)}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes panelSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);font-family:var(--font-ui);font-size:var(--fs-body);font-weight:var(--fw-regular);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button,input,select{font-family:inherit}button{cursor:pointer}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d3d9ee;border-radius:8px}