@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:var(--z-fixed);transition:width var(--duration-normal) var(--ease-out)}.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);height:var(--navbar-height);padding:0 var(--space-4);border-bottom:1px solid var(--border-subtle)}.sidebar__logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-lg);color:#fff;flex-shrink:0}.sidebar__brand-text{display:flex;flex-direction:column;overflow:hidden}.sidebar__brand-name{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1.2}.sidebar__brand-tagline{font-size:var(--text-xs);color:var(--text-muted)}.sidebar__toggle{position:absolute;top:calc(var(--navbar-height) / 2);right:-12px;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-sm)}.sidebar__toggle:hover{color:var(--text-primary);background:var(--bg-muted)}.sidebar--collapsed .sidebar__toggle{transform:translateY(-50%) rotate(180deg)}.sidebar__nav{flex:1;padding:var(--space-3);overflow-y:auto}.sidebar__menu{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.sidebar__link:hover{background:var(--bg-muted);color:var(--text-primary)}.sidebar__link--active{background:var(--primary-50);color:var(--primary-600)}.sidebar__link--active:hover{background:var(--primary-100)}.sidebar__link-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar__link-text{font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden}.sidebar--collapsed .sidebar__brand{justify-content:center;padding:0}.sidebar--collapsed .sidebar__link{justify-content:center;padding:var(--space-3)}.sidebar--collapsed .sidebar__link-text{display:none}.sidebar__footer{padding:var(--space-4);border-top:1px solid var(--border-subtle)}.sidebar__version{font-size:var(--text-xs);color:var(--text-muted);text-align:center}[data-theme=dark] .sidebar{background:var(--bg-secondary);border-color:var(--border-default)}[data-theme=dark] .sidebar__link--active{background:var(--primary-900);color:var(--primary-300)}[data-theme=dark] .sidebar__link--active:hover{background:var(--primary-800)}@media(max-width:1024px){.sidebar{width:var(--sidebar-collapsed-width)}.sidebar__brand-text,.sidebar__link-text,.sidebar__version{display:none}.sidebar__brand{justify-content:center;padding:0}.sidebar__link{justify-content:center}.sidebar__toggle{display:none}}.navbar{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--navbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);z-index:var(--z-sticky);transition:left var(--duration-normal) var(--ease-out);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6}.navbar--sidebar-collapsed{left:var(--sidebar-collapsed-width)}.navbar__left{display:flex;align-items:center}.navbar__search{position:relative;display:flex;align-items:center}.navbar__search-icon{position:absolute;left:var(--space-3);color:var(--text-muted);pointer-events:none}.navbar__search-input{width:320px;height:40px;padding:0 var(--space-12) 0 40px;background:var(--bg-muted);border:1px solid transparent;border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);transition:all var(--duration-fast) var(--ease-out)}.navbar__search-input::placeholder{color:var(--text-muted)}.navbar__search-input:focus{outline:none;background:var(--bg-secondary);border-color:var(--primary-300);box-shadow:0 0 0 3px var(--primary-100)}.navbar__search-shortcut{position:absolute;right:var(--space-3);padding:2px 6px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:10px;color:var(--text-muted);font-weight:var(--weight-medium)}.navbar__right{display:flex;align-items:center;gap:var(--space-2)}.navbar__icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out)}.navbar__icon-btn:hover{background:var(--bg-muted);color:var(--text-primary)}.navbar__notification-badge{position:absolute;top:6px;right:6px;min-width:16px;height:16px;padding:0 4px;background:var(--danger-500);border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-bold);color:#fff;display:flex;align-items:center;justify-content:center}.navbar__divider{width:1px;height:24px;background:var(--border-default);margin:0 var(--space-2)}.navbar__user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.navbar__user:hover{background:var(--bg-muted)}.navbar__user-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--primary-100);border-radius:var(--radius-full);color:var(--primary-600)}.navbar__user-info{display:flex;flex-direction:column}.navbar__user-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);line-height:1.2}.navbar__user-role{font-size:var(--text-xs);color:var(--text-muted)}[data-theme=dark] .navbar{background:#0f172ae6;border-color:var(--border-default)}[data-theme=dark] .navbar__search-input{background:var(--bg-elevated)}[data-theme=dark] .navbar__search-input:focus{background:var(--bg-secondary);box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .navbar__user-avatar{background:var(--primary-900);color:var(--primary-300)}@media(max-width:1024px){.navbar{left:var(--sidebar-collapsed-width)}.navbar__search-input{width:200px}.navbar__user-info{display:none}}@media(max-width:768px){.navbar__search{display:none}}.app-layout{min-height:100vh;background:var(--bg-primary)}.app-layout__content{margin-left:var(--sidebar-width);margin-top:var(--navbar-height);min-height:calc(100vh - var(--navbar-height));transition:margin-left var(--duration-normal) var(--ease-out)}.app-layout__content--sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.app-layout__container{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-6)}@media(max-width:1024px){.app-layout__content{margin-left:var(--sidebar-collapsed-width)}}@media(max-width:768px){.app-layout__container{padding:var(--space-4)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:var(--weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid var(--primary-500);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:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-400),var(--primary-500));box-shadow:0 4px 6px #0000001f,0 2px 4px #00000014;transform:translateY(-1px)}.btn--primary:active:not(:disabled){background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(0);box-shadow:0 1px 2px #0000001a}.btn--secondary{background:transparent;color:var(--primary-600);border:1px solid var(--primary-200)}.btn--secondary:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-300)}.btn--secondary:active:not(:disabled){background:var(--primary-100)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--bg-muted);color:var(--text-primary)}.btn--ghost:active:not(:disabled){background:var(--neutral-200)}.btn--danger{background:linear-gradient(135deg,var(--danger-500),var(--danger-600));color:#fff}.btn--danger:hover:not(:disabled){background:linear-gradient(135deg,var(--danger-400),var(--danger-500));transform:translateY(-1px)}.btn--danger:active:not(:disabled){background:linear-gradient(135deg,var(--danger-600),var(--danger-700));transform:translateY(0)}.btn--success{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff}.btn--success:hover:not(:disabled){background:linear-gradient(135deg,var(--success-500),var(--success-500));transform:translateY(-1px)}.btn--success:active:not(:disabled){background:linear-gradient(135deg,var(--success-600),var(--success-700));transform:translateY(0)}.btn--full-width{width:100%}.btn--loading .btn__text{opacity:0}.btn__spinner{position:absolute;display:flex;align-items:center;justify-content:center}.btn__spinner-icon{width:20px;height:20px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn__icon{display:flex;align-items:center;justify-content:center}.btn__icon svg{width:18px;height:18px}.btn--sm .btn__icon svg{width:14px;height:14px}.btn--lg .btn__icon svg{width:20px;height:20px}[data-theme=dark] .btn--secondary{color:var(--primary-400);border-color:var(--primary-800)}[data-theme=dark] .btn--secondary:hover:not(:disabled){background:var(--primary-900);border-color:var(--primary-700)}[data-theme=dark] .btn--ghost{color:var(--text-secondary)}[data-theme=dark] .btn--ghost:hover:not(:disabled){background:var(--neutral-800);color:var(--text-primary)}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.input-wrapper--full-width{width:100%}.input__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.input__container{position:relative;display:flex;align-items:center}.input{width:100%;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-out)}.input:hover:not(:disabled){border-color:var(--border-strong)}.input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.input:disabled{background:var(--bg-muted);color:var(--text-muted);cursor:not-allowed}.input::placeholder{color:var(--text-muted)}.input--sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.input--md{height:40px;padding:0 var(--space-3)}.input--lg{height:48px;padding:0 var(--space-4);font-size:var(--text-base)}.input--with-left-icon{padding-left:40px}.input--with-right-icon{padding-right:40px}.input__icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none}.input__icon svg{width:18px;height:18px}.input__icon--left{left:var(--space-3)}.input__icon--right{right:var(--space-3)}.input-wrapper--error .input{border-color:var(--danger-500)}.input-wrapper--error .input:focus{box-shadow:0 0 0 3px var(--danger-100)}.input__message{font-size:var(--text-xs);color:var(--text-muted)}.input__message--error{color:var(--danger-500)}.textarea{min-height:80px;padding:var(--space-3);resize:vertical;line-height:var(--leading-normal)}[data-theme=dark] .input{background:var(--bg-elevated);border-color:var(--border-default)}[data-theme=dark] .input:hover:not(:disabled){border-color:var(--border-strong)}[data-theme=dark] .input:focus{box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .input-wrapper--error .input:focus{box-shadow:0 0 0 3px #f43f5e33}.card{background:var(--bg-elevated);border-radius:var(--radius-lg);transition:box-shadow var(--duration-normal) var(--ease-out)}.card--default{border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.card--elevated{border:none;box-shadow:var(--shadow-lg)}.card--outlined{border:1px solid var(--border-default);box-shadow:none}.card--default:hover,.card--elevated:hover{box-shadow:var(--shadow-lg)}.card--p-none{--card-padding: 0}.card--p-sm{--card-padding: var(--space-3)}.card--p-md{--card-padding: var(--space-4)}.card--p-lg{--card-padding: var(--space-6)}.card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--card-padding);border-bottom:1px solid var(--border-subtle)}.card__header-content{flex:1;min-width:0}.card__header-action{flex-shrink:0;margin-left:var(--space-4)}.card__title-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:var(--leading-tight)}.card__subtitle{font-size:var(--text-sm);color:var(--text-secondary)}.card__body{padding:var(--card-padding)}.card__footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--card-padding);border-top:1px solid var(--border-subtle);background:var(--bg-muted);border-radius:0 0 var(--radius-lg) var(--radius-lg)}[data-theme=dark] .card{background:var(--bg-elevated)}[data-theme=dark] .card__footer{background:var(--bg-secondary)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:var(--weight-medium);border-radius:var(--radius-full);white-space:nowrap}.badge--sm{padding:2px var(--space-2);font-size:10px}.badge--md{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.badge__dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.badge--sm .badge__dot{width:5px;height:5px}.badge--default{background:var(--neutral-100);color:var(--neutral-600)}.badge--primary{background:var(--primary-100);color:var(--primary-700)}.badge--success{background:var(--success-100);color:var(--success-700)}.badge--warning{background:var(--warning-100);color:var(--warning-700)}.badge--danger{background:var(--danger-100);color:var(--danger-700)}.badge--info{background:#d9f0fc;color:#0d73a5}.badge--orange{background:var(--orange-100);color:var(--orange-700)}[data-theme=dark] .badge--default{background:var(--neutral-800);color:var(--neutral-300)}[data-theme=dark] .badge--primary{background:var(--primary-900);color:var(--primary-300)}[data-theme=dark] .badge--success{background:#0e4e30;color:var(--success-200)}[data-theme=dark] .badge--warning{background:#5c3e0a;color:var(--warning-200)}[data-theme=dark] .badge--danger{background:#570f1b;color:var(--danger-200)}[data-theme=dark] .badge--info{background:#0f3f57;color:#89d1f5}[data-theme=dark] .badge--orange{background:#57310f;color:var(--orange-200)}.select-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.select-wrapper--full-width{width:100%}.select__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.select{position:relative}.select__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left}.select__trigger:hover:not(:disabled){border-color:var(--border-strong)}.select__trigger--open{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.select__trigger--disabled{opacity:.5;cursor:not-allowed;background:var(--bg-muted)}.select__trigger--sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.select__trigger--md{height:40px;padding:0 var(--space-3);font-size:var(--text-sm)}.select__trigger--lg{height:48px;padding:0 var(--space-4);font-size:var(--text-base)}.select__value{color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select__placeholder{color:var(--text-muted);flex:1}.select__chevron{color:var(--text-muted);transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0}.select__chevron--open{transform:rotate(180deg)}.select__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden;animation:selectDropdownIn var(--duration-fast) var(--ease-out)}@keyframes selectDropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.select__search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle)}.select__search-icon{color:var(--text-muted);flex-shrink:0}.select__search-input{flex:1;border:none;background:transparent;font-size:var(--text-sm);color:var(--text-primary);outline:none}.select__search-input::placeholder{color:var(--text-muted)}.select__options{max-height:240px;overflow-y:auto;padding:var(--space-1)}.select__option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);transition:background var(--duration-fast) var(--ease-out)}.select__option:hover{background:var(--bg-muted)}.select__option--selected{background:var(--primary-50);color:var(--primary-700)}.select__option--selected:hover{background:var(--primary-100)}.select__option--disabled{color:var(--text-muted);cursor:not-allowed}.select__option--disabled:hover{background:transparent}.select__empty{padding:var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.select-wrapper--error .select__trigger{border-color:var(--danger-500)}.select-wrapper--error .select__trigger--open{box-shadow:0 0 0 3px var(--danger-100)}.select__error{font-size:var(--text-xs);color:var(--danger-500)}[data-theme=dark] .select__trigger{background:var(--bg-elevated)}[data-theme=dark] .select__trigger--open{box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .select__dropdown{background:var(--bg-elevated);border-color:var(--border-strong)}[data-theme=dark] .select__option--selected{background:var(--primary-900);color:var(--primary-300)}[data-theme=dark] .select__option--selected:hover{background:var(--primary-800)}.modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);animation:backdropFadeIn var(--duration-fast) var(--ease-out)}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.modal{display:flex;flex-direction:column;background:var(--bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:calc(100vh - var(--space-8));overflow:hidden;animation:modalSlideIn var(--duration-normal) var(--ease-out)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal--sm{width:100%;max-width:400px}.modal--md{width:100%;max-width:560px}.modal--lg{width:100%;max-width:720px}.modal--xl{width:100%;max-width:960px}.modal--full{width:calc(100vw - var(--space-8));max-width:1200px;height:calc(100vh - var(--space-8))}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.modal__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--duration-fast) var(--ease-out)}.modal__close:hover{background:var(--bg-muted);color:var(--text-primary)}.modal__body{flex:1;padding:var(--space-6);overflow-y:auto}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);background:var(--bg-muted);flex-shrink:0}[data-theme=dark] .modal-backdrop{background:#000000b3}[data-theme=dark] .modal{background:var(--bg-elevated)}[data-theme=dark] .modal__footer{background:var(--bg-secondary)}@media(max-width:640px){.modal-backdrop{padding:0;align-items:flex-end}.modal{max-height:90vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:modalSlideUp var(--duration-normal) var(--ease-out)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal--sm,.modal--md,.modal--lg,.modal--xl{max-width:100%}}.dashboard__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6)}.dashboard__subtitle{color:var(--text-secondary);margin-top:var(--space-1)}.dashboard__kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.dashboard__kpi-card{transition:transform var(--duration-fast) var(--ease-out)}.dashboard__kpi-card:hover{transform:translateY(-2px)}.dashboard__kpi-card--primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.dashboard__kpi-card--primary .kpi-card__label,.dashboard__kpi-card--primary .kpi-card__sub{color:#fffc}.dashboard__kpi-card--primary .kpi-card__icon{background:#fff3;color:#fff}.dashboard__kpi-card .card__body{display:flex;align-items:flex-start;gap:var(--space-4)}.kpi-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);background:var(--primary-100);color:var(--primary-600);flex-shrink:0}.kpi-card__icon--warning{background:var(--warning-100);color:var(--warning-600)}.kpi-card__icon--danger{background:var(--danger-100);color:var(--danger-600)}.kpi-card__icon--success{background:var(--success-100);color:var(--success-600)}.kpi-card__content{display:flex;flex-direction:column;gap:var(--space-1)}.kpi-card__label{font-size:var(--text-sm);color:var(--text-secondary)}.kpi-card__value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1.2}.dashboard__kpi-card--primary .kpi-card__value{color:#fff}.kpi-card__sub{font-size:var(--text-xs);color:var(--text-muted)}.kpi-card__change{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-medium)}.kpi-card__change--positive{color:var(--success-500)}.dashboard__kpi-card--primary .kpi-card__change--positive{color:#8cf2c3}.dashboard__orders-card{overflow:hidden}.dashboard__orders-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) 0}.dashboard__orders-header .section-title{margin-bottom:0}.dashboard__view-all{font-size:var(--text-sm);color:var(--primary-500);font-weight:var(--weight-medium);text-decoration:none}.dashboard__view-all:hover{text-decoration:underline}.dashboard__orders-table{overflow-x:auto}.dashboard__orders-table table{width:100%;font-size:var(--text-sm)}.dashboard__orders-table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:var(--weight-medium);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);background:var(--bg-muted)}.dashboard__orders-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.dashboard__orders-table tr:last-child td{border-bottom:none}.dashboard__invoice-link{color:var(--primary-600);font-weight:var(--weight-medium);text-decoration:none}.dashboard__invoice-link:hover{text-decoration:underline}[data-theme=dark] .kpi-card__icon{background:var(--primary-900);color:var(--primary-300)}[data-theme=dark] .kpi-card__icon--warning{background:#5c3e0a;color:var(--warning-300)}[data-theme=dark] .kpi-card__icon--danger{background:#570f1b;color:var(--danger-300)}[data-theme=dark] .kpi-card__icon--success{background:#0e4e30;color:var(--success-300)}@media(max-width:1280px){.dashboard__kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard__kpi-grid{grid-template-columns:1fr}.dashboard__header{flex-direction:column;gap:var(--space-4)}}.customer-search{display:flex;flex-direction:column;gap:var(--space-4);margin:calc(-1 * var(--space-6));margin-top:calc(-1 * var(--space-4))}.customer-search__input-wrapper{position:relative;display:flex;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle);background:var(--bg-muted)}.customer-search__icon{position:absolute;left:calc(var(--space-6) + var(--space-3));color:var(--text-muted)}.customer-search__input{flex:1;height:44px;padding:0 var(--space-12) 0 40px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--text-primary)}.customer-search__input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.customer-search__shortcut{position:absolute;right:calc(var(--space-6) + var(--space-3));padding:4px 8px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted)}.customer-search__results{max-height:320px;overflow-y:auto}.customer-search__table{width:100%;border-collapse:collapse}.customer-search__table th{position:sticky;top:0;padding:var(--space-3) var(--space-6);background:var(--bg-muted);text-align:left;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.customer-search__row{cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.customer-search__row td{padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm)}.customer-search__row:hover{background:var(--bg-muted)}.customer-search__row--selected{background:var(--primary-50)}.customer-search__row--selected:hover{background:var(--primary-100)}.customer-search__name{font-weight:var(--weight-medium);color:var(--text-primary)}.customer-search__highlight{background:var(--warning-200);color:var(--warning-700);padding:0 2px;border-radius:2px}.customer-search__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8);color:var(--text-muted)}.customer-search__footer{padding:var(--space-3) var(--space-6);border-top:1px solid var(--border-subtle);background:var(--bg-muted)}.customer-search__hint{font-size:var(--text-xs);color:var(--text-muted)}.customer-search__hint kbd{display:inline-block;padding:2px 6px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:10px}[data-theme=dark] .customer-search__row--selected{background:var(--primary-900)}[data-theme=dark] .customer-search__row--selected:hover{background:var(--primary-800)}[data-theme=dark] .customer-search__highlight{background:var(--warning-700);color:var(--warning-100)}.add-customer-form{display:flex;flex-direction:column;gap:var(--space-4)}.add-customer-form__actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.product-grid{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.product-grid__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-muted);border-bottom:1px solid var(--border-subtle);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.product-grid__body{max-height:400px;overflow-y:auto}.product-grid__row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);transition:background var(--duration-fast) var(--ease-out)}.product-grid__row:hover{background:var(--bg-muted)}.product-grid__row:last-child{border-bottom:none}.product-grid__col{flex-shrink:0}.product-grid__col--num{width:30px;text-align:center;font-weight:var(--weight-medium);color:var(--text-muted)}.product-grid__col--product{width:160px}.product-grid__col--desc{flex:1;min-width:120px}.product-grid__col--material{width:140px}.product-grid__col--qty{width:60px}.product-grid__col--size{width:140px;display:flex;flex-direction:column;gap:var(--space-1)}.product-grid__col--unit{width:50px;text-align:center}.product-grid__col--price{width:100px}.product-grid__col--total{width:110px;text-align:right}.product-grid__col--status{width:140px}.product-grid__col--action{width:40px;display:flex;justify-content:center}.product-grid__input{width:100%;height:32px;padding:0 var(--space-2);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-primary)}.product-grid__input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100)}.product-grid__input--number{text-align:center}.product-grid__input:disabled{background:var(--bg-muted);color:var(--text-muted);cursor:not-allowed}.product-grid__size-inputs{display:flex;align-items:center;gap:var(--space-1)}.product-grid__size-inputs .product-grid__input{width:50px}.product-grid__size-separator{color:var(--text-muted);font-size:var(--text-xs)}.product-grid__area{font-size:var(--text-xs);color:var(--primary-600);font-weight:var(--weight-medium)}.product-grid__unit-text{font-size:var(--text-sm);color:var(--text-secondary)}.product-grid__total-value{font-weight:var(--weight-semibold);color:var(--text-primary);font-size:var(--text-sm)}.product-grid__delete-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--duration-fast) var(--ease-out)}.product-grid__delete-btn:hover{background:var(--danger-50);color:var(--danger-500)}.product-grid__footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle)}[data-theme=dark] .product-grid__input{background:var(--bg-elevated)}[data-theme=dark] .product-grid__input:focus{box-shadow:0 0 0 2px #3b82f633}[data-theme=dark] .product-grid__area{color:var(--primary-400)}[data-theme=dark] .product-grid__delete-btn:hover{background:#570f1b;color:var(--danger-300)}@media(max-width:1280px){.product-grid{overflow-x:auto}.product-grid__header,.product-grid__row{min-width:1100px}}.pos-page{display:flex;flex-direction:column;gap:var(--space-6)}.pos-page__header{display:flex;align-items:center;justify-content:space-between}.pos-page__title-section{display:flex;align-items:center;gap:var(--space-4)}.pos-page__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.pos-page__content{display:flex;flex-direction:column;gap:var(--space-4)}.pos-page__meta-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--space-4)}.pos-page__customer-card{background:var(--bg-elevated)}.pos-page__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.pos-page__section-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.pos-page__customer-actions{display:flex;gap:var(--space-2)}.pos-page__customer-info{display:flex;flex-direction:column;gap:var(--space-1)}.pos-page__customer-name{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.pos-page__customer-company{font-size:var(--text-sm);color:var(--text-secondary)}.pos-page__customer-details{display:flex;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2)}.pos-page__customer-empty{padding:var(--space-6);text-align:center;color:var(--text-muted);background:var(--bg-muted);border-radius:var(--radius-md)}.pos-page__dates-card .card__body{padding:var(--space-3)}.pos-page__dates-grid{display:flex;flex-direction:column;gap:var(--space-3)}.pos-page__date-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md)}.pos-page__date-item--order{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.pos-page__date-item--due{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff}.pos-page__date-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);opacity:.9}.pos-page__date-input{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);padding:var(--space-2);color:#fff;font-size:var(--text-sm);font-weight:var(--weight-medium)}.pos-page__date-input:focus{outline:none;background:#ffffff4d;border-color:#ffffff80}.pos-page__date-input::-webkit-calendar-picker-indicator{filter:invert(1)}.pos-page__roles-card{background:linear-gradient(135deg,var(--orange-500),var(--orange-600))}.pos-page__roles-card .card__body{padding:var(--space-3)}.pos-page__roles-grid{display:flex;flex-direction:column;gap:var(--space-3)}.pos-page__role-item{display:flex;flex-direction:column;gap:var(--space-1)}.pos-page__role-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:#fff;opacity:.9}.pos-page__roles-card .select__trigger{background:#fffffff2}.pos-page__callout{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--warning-50);border:1px solid var(--warning-200);border-left:4px solid var(--warning-500);border-radius:var(--radius-md);color:var(--warning-700);font-size:var(--text-sm)}.pos-page__callout-content{flex:1}.pos-page__callout-note{display:block;margin-top:var(--space-1);font-size:var(--text-xs);opacity:.8}.pos-page__footer{display:flex;align-items:flex-end;justify-content:space-between;padding-top:var(--space-4);border-top:1px solid var(--border-default)}.pos-page__summary{display:flex;flex-direction:column;gap:var(--space-2);min-width:250px}.pos-page__summary-row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-secondary)}.pos-page__summary-row--total{padding-top:var(--space-2);border-top:1px solid var(--border-default);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary)}.pos-page__actions{display:flex;gap:var(--space-3)}[data-theme=dark] .pos-page__callout{background:#452e08;border-color:#6c4c13;color:var(--warning-200)}[data-theme=dark] .pos-page__date-item--order{background:linear-gradient(135deg,var(--primary-600),var(--primary-700))}[data-theme=dark] .pos-page__date-item--due{background:linear-gradient(135deg,var(--success-600),var(--success-700))}[data-theme=dark] .pos-page__roles-card{background:linear-gradient(135deg,var(--orange-600),var(--orange-700))}@media(max-width:1280px){.pos-page__meta-grid{grid-template-columns:1fr 1fr}.pos-page__customer-card{grid-column:1 / -1}}@media(max-width:768px){.pos-page__meta-grid{grid-template-columns:1fr}.pos-page__footer{flex-direction:column;gap:var(--space-4);align-items:stretch}.pos-page__actions{justify-content:flex-end}}.orders-page{display:flex;flex-direction:column;gap:var(--space-6)}.orders-page__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.orders-page__subtitle{color:var(--text-secondary);margin-top:var(--space-1)}.orders-page__filters{background:var(--bg-elevated)}.orders-page__filters-grid{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-4);align-items:center}.orders-page__search{position:relative;display:flex;align-items:center}.orders-page__search-icon{position:absolute;left:var(--space-3);color:var(--text-muted);pointer-events:none}.orders-page__search-input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) + 24px);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);font-size:var(--text-sm);color:var(--text-primary);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.orders-page__search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.orders-page__filter-item{min-width:180px}.orders-page__date-range{display:flex;align-items:center;gap:var(--space-2)}.orders-page__date-input-wrapper{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-muted)}.orders-page__date-input{border:none;background:transparent;font-size:var(--text-sm);color:var(--text-primary);width:130px}.orders-page__date-input:focus{outline:none}.orders-page__date-separator{color:var(--text-muted)}.orders-page__table-card{overflow:hidden}.orders-page__table-wrapper{overflow-x:auto}.orders-page__table{width:100%;border-collapse:collapse}.orders-page__table th,.orders-page__table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-subtle)}.orders-page__table th{font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-primary)}.orders-page__table tbody tr{transition:background-color var(--duration-fast)}.orders-page__table tbody tr:hover{background:var(--bg-primary)}.orders-page__invoice-link{font-weight:600;color:var(--primary-600);text-decoration:none;transition:color var(--duration-fast)}.orders-page__invoice-link:hover{color:var(--primary-700);text-decoration:underline}.orders-page__customer{display:flex;flex-direction:column}.orders-page__customer-name{font-weight:500;color:var(--text-primary)}.orders-page__customer-company{font-size:var(--text-xs);color:var(--text-muted)}.orders-page__deadline--overdue{color:var(--danger-600);font-weight:500}.orders-page__amount{font-weight:600;font-variant-numeric:tabular-nums}.orders-page__empty{text-align:center;padding:var(--space-12)!important;color:var(--text-muted)}.orders-page__actions{display:flex;gap:var(--space-1)}.orders-page__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast)}.orders-page__action-btn:hover{background:var(--neutral-100);color:var(--text-primary)}.orders-page__action-btn--primary{color:var(--primary-600)}.orders-page__action-btn--primary:hover{background:var(--primary-50);color:var(--primary-700)}.orders-page__summary{display:flex;justify-content:flex-end;padding:var(--space-2) 0}.orders-page__summary-text{font-size:var(--text-sm);color:var(--text-muted)}@media(max-width:1024px){.orders-page__filters-grid{grid-template-columns:1fr;gap:var(--space-3)}.orders-page__date-range{flex-wrap:wrap}}[data-theme=dark] .orders-page__table th{background:var(--bg-secondary)}[data-theme=dark] .orders-page__table tbody tr:hover{background:#ffffff08}[data-theme=dark] .orders-page__action-btn:hover{background:#ffffff14}[data-theme=dark] .orders-page__action-btn--primary:hover{background:#3b82f626}.order-detail{display:flex;flex-direction:column;gap:var(--space-6)}.order-detail__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.order-detail__header-left{display:flex;align-items:center;gap:var(--space-4)}.order-detail__back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast)}.order-detail__back-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.order-detail__title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2)}.order-detail__header-actions{display:flex;gap:var(--space-2)}.order-detail__not-found{text-align:center;padding:var(--space-16)}.order-detail__info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.order-detail__info-card{background:var(--bg-elevated)}.order-detail__card-title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-4);color:var(--text-primary)}.order-detail__info-list{display:flex;flex-direction:column;gap:var(--space-3)}.order-detail__info-item{display:flex;align-items:flex-start;gap:var(--space-3);color:var(--text-muted)}.order-detail__info-item>div{display:flex;flex-direction:column;gap:var(--space-1)}.order-detail__info-label{font-size:var(--text-xs);color:var(--text-muted)}.order-detail__info-value{font-size:var(--text-sm);color:var(--text-primary)}.order-detail__info-value--emphasis{font-weight:600;color:var(--success-600)}.order-detail__table-wrapper{overflow-x:auto;margin-bottom:var(--space-6)}.order-detail__table{width:100%;border-collapse:collapse}.order-detail__table th,.order-detail__table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-subtle)}.order-detail__table th{font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-primary)}.order-detail__item-product{display:flex;flex-direction:column;gap:var(--space-1)}.order-detail__item-name{font-weight:500}.order-detail__item-desc{font-size:var(--text-xs);color:var(--text-muted)}.order-detail__item-size{white-space:nowrap}.order-detail__item-area{display:block;font-size:var(--text-xs);color:var(--text-muted)}.order-detail__item-subtotal{font-weight:600;font-variant-numeric:tabular-nums}.order-detail__total-section{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-default)}.order-detail__total-row{display:flex;justify-content:space-between;gap:var(--space-8);font-size:var(--text-sm)}.order-detail__total-row--grand{font-size:var(--text-lg);font-weight:700;color:var(--primary-600)}.order-detail__payment-info{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2)}@media(max-width:768px){.order-detail__info-grid{grid-template-columns:1fr}.order-detail__header{flex-direction:column;align-items:flex-start}.order-detail__header-actions{width:100%;flex-wrap:wrap}}.customers-page{display:flex;flex-direction:column;gap:var(--space-6)}.customers-page__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.customers-page__subtitle{color:var(--text-secondary);margin-top:var(--space-1)}.customers-page__search{position:relative;display:flex;align-items:center}.customers-page__search-icon{position:absolute;left:var(--space-3);color:var(--text-muted);pointer-events:none}.customers-page__search-input{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) calc(var(--space-3) + 28px);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);font-size:var(--text-sm);color:var(--text-primary);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.customers-page__search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.customers-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.customers-page__empty{text-align:center;padding:var(--space-12);color:var(--text-muted)}.customer-card{transition:transform var(--duration-fast),box-shadow var(--duration-fast)}.customer-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.customer-card__header{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.customer-card__avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;font-size:var(--text-lg);font-weight:600;flex-shrink:0}.customer-card__info{flex:1;min-width:0}.customer-card__name{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1);color:var(--text-primary)}.customer-card__company{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary)}.customer-card__details{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.customer-card__detail{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.customer-card__deposit{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--success-50);border-radius:var(--radius-sm);margin-bottom:var(--space-4)}.customer-card__deposit-label{font-size:var(--text-sm);color:var(--success-700);font-weight:500}.customer-card__actions{display:flex;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.customer-card__action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast)}.customer-card__action-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.customer-card__action-btn--danger:hover{background:var(--danger-50);border-color:var(--danger-200);color:var(--danger-600)}[data-theme=dark] .customer-card__deposit{background:#22c55e1a}.products-page{display:flex;flex-direction:column;gap:var(--space-6)}.products-page__header{display:flex;justify-content:space-between;align-items:flex-start}.products-page__subtitle{color:var(--text-secondary);margin-top:var(--space-1)}.products-page__filters{display:flex;flex-direction:column;gap:var(--space-4)}.products-page__search{position:relative;display:flex;align-items:center;max-width:400px}.products-page__search-icon{position:absolute;left:var(--space-3);color:var(--text-muted);pointer-events:none}.products-page__search-input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) + 28px);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);font-size:var(--text-sm);color:var(--text-primary)}.products-page__search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.products-page__category-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap}.products-page__tab{padding:var(--space-2) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-secondary);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast)}.products-page__tab:hover{border-color:var(--primary-300);color:var(--primary-600)}.products-page__tab--active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.products-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.products-page__empty{text-align:center;padding:var(--space-12);color:var(--text-muted)}.product-card{transition:transform var(--duration-fast),box-shadow var(--duration-fast)}.product-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.product-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.product-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--primary-50);color:var(--primary-600)}.product-card__name{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary)}.product-card__meta{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.product-card__meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.product-card__details{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-sm);margin-bottom:var(--space-4)}.product-card__detail-row{display:flex;justify-content:space-between;font-size:var(--text-sm)}.product-card__detail-row span:first-child{color:var(--text-muted)}.product-card__detail-row span:last-child{font-weight:500;color:var(--text-primary)}.product-card__price{display:flex;align-items:baseline;gap:var(--space-1);margin-bottom:var(--space-3);color:var(--primary-600)}.product-card__price-value{font-size:var(--text-xl);font-weight:700}.product-card__price-unit{font-size:var(--text-sm);color:var(--text-muted)}.product-card__finishing{padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.product-card__finishing-label{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2)}.product-card__finishing-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.product-card__finishing-tag{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);background:var(--neutral-100);border-radius:var(--radius-sm);color:var(--text-secondary);text-transform:capitalize}[data-theme=dark] .product-card__icon{background:#3b82f626}[data-theme=dark] .product-card__finishing-tag{background:#ffffff14}.materials-page{display:flex;flex-direction:column;gap:var(--space-6)}.materials-page__header{display:flex;justify-content:space-between;align-items:flex-start}.materials-page__subtitle{color:var(--text-secondary);margin-top:var(--space-1)}.materials-page__table-wrapper{overflow-x:auto}.materials-page__table{width:100%;border-collapse:collapse}.materials-page__table th,.materials-page__table td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--border-subtle)}.materials-page__table th{font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-primary)}.materials-page__table tbody tr{transition:background-color var(--duration-fast)}.materials-page__table tbody tr:hover{background:var(--bg-primary)}.materials-page__material-name{display:flex;align-items:center;gap:var(--space-3)}.materials-page__material-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--primary-50);color:var(--primary-600)}.materials-page__category{font-size:var(--text-sm);color:var(--text-secondary)}.materials-page__width{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary)}.materials-page__stock{min-width:140px}.materials-page__stock-bar{width:80px;height:6px;background:var(--neutral-100);border-radius:var(--radius-full);margin-bottom:var(--space-1);overflow:hidden}.materials-page__stock-fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-normal)}.materials-page__stock-fill--success{background:var(--success-500)}.materials-page__stock-fill--warning{background:var(--warning-500)}.materials-page__stock-fill--danger{background:var(--danger-500)}.materials-page__stock span{font-size:var(--text-sm);font-weight:500}.materials-page__price{font-weight:600;font-variant-numeric:tabular-nums}.materials-page__summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.materials-page__summary-card .card-body{display:flex;align-items:center;gap:var(--space-4)}.materials-page__summary-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--primary-50);color:var(--primary-600)}.materials-page__summary-icon--warning{background:var(--warning-50);color:var(--warning-600)}.materials-page__summary-content{display:flex;flex-direction:column}.materials-page__summary-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.materials-page__summary-label{font-size:var(--text-sm);color:var(--text-muted)}[data-theme=dark] .materials-page__material-icon,[data-theme=dark] .materials-page__summary-icon{background:#3b82f626}[data-theme=dark] .materials-page__summary-icon--warning{background:#f59e0b26}[data-theme=dark] .materials-page__stock-bar{background:#ffffff1a}.users-page{display:flex;flex-direction:column;gap:var(--space-6)}.users-page__header{display:flex;justify-content:space-between;align-items:flex-start}.users-page__subtitle{color:var(--text-secondary);margin-top:var(--space-1)}.users-page__table-wrapper{overflow-x:auto}.users-page__table{width:100%;border-collapse:collapse}.users-page__table th,.users-page__table td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--border-subtle)}.users-page__table th{font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-primary)}.users-page__table tbody tr{transition:background-color var(--duration-fast)}.users-page__table tbody tr:hover{background:var(--bg-primary)}.users-page__user{display:flex;align-items:center;gap:var(--space-3)}.users-page__avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;font-size:var(--text-base);font-weight:600}.users-page__name{font-weight:500;color:var(--text-primary)}.users-page__username{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.users-page__status{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:500}.users-page__status--active{color:var(--success-600)}.users-page__status--inactive{color:var(--danger-600)}.users-page__legend-title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-4);color:var(--text-primary)}.users-page__legend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3)}.users-page__legend-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-sm)}.users-page__legend-item span:last-child{font-size:var(--text-sm);color:var(--text-secondary)}[data-theme=dark] .users-page__table tbody tr:hover{background:#ffffff08}.settings-page{display:flex;flex-direction:column;gap:var(--space-6);max-width:800px}.settings-page__header{display:flex;justify-content:space-between;align-items:flex-start}.settings-page__subtitle{color:var(--text-secondary);margin-top:var(--space-1)}.settings-section{display:flex;flex-direction:column;gap:var(--space-5)}.settings-section__header{display:flex;gap:var(--space-3);color:var(--primary-600)}.settings-section__title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1);color:var(--text-primary)}.settings-section__description{font-size:var(--text-sm);color:var(--text-muted)}.settings-section__content{display:flex;flex-direction:column;gap:var(--space-4);padding-left:calc(20px + var(--space-3))}.settings-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-1)}.theme-selector{display:flex;gap:var(--space-3)}.theme-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);min-width:100px;border:2px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast)}.theme-option:hover{border-color:var(--primary-300);color:var(--primary-600)}.theme-option--active{border-color:var(--primary-500);background:var(--primary-50);color:var(--primary-600)}.theme-option span{font-size:var(--text-sm);font-weight:500}.settings-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.settings-toggle-row:last-child{border-bottom:none}.settings-toggle-label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1)}.settings-toggle-hint{display:block;font-size:var(--text-sm);color:var(--text-muted)}.settings-toggle{position:relative;display:inline-block;width:48px;height:26px}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle__slider{position:absolute;cursor:pointer;inset:0;background-color:var(--neutral-300);transition:var(--duration-fast);border-radius:26px}.settings-toggle__slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:var(--duration-fast);border-radius:50%}.settings-toggle input:checked+.settings-toggle__slider{background-color:var(--primary-500)}.settings-toggle input:checked+.settings-toggle__slider:before{transform:translate(22px)}.settings-select{width:100%;max-width:300px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-sm)}.settings-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.settings-page__info{text-align:center}.settings-app-info h4{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1)}.settings-app-info p{font-size:var(--text-sm);color:var(--text-muted)}.settings-app-info__copyright{margin-top:var(--space-3);font-size:var(--text-xs)}[data-theme=dark] .theme-option--active{background:#3b82f626}[data-theme=dark] .settings-toggle__slider{background-color:var(--neutral-600)}.print-page{background:#fff;min-height:100vh}.print-actions{display:flex;gap:12px;padding:16px 24px;background:#f5f5f5;border-bottom:1px solid #ddd}.print-btn{padding:10px 20px;font-size:14px;font-weight:600;border:none;border-radius:6px;cursor:pointer;background:#3b82f6;color:#fff;transition:background .2s}.print-btn:hover{background:#2563eb}.print-btn--secondary{background:#6b7280}.print-btn--secondary:hover{background:#4b5563}.print-content{max-width:800px;margin:0 auto;padding:40px;background:#fff;color:#111;font-family:Inter,-apple-system,sans-serif}.print-error{text-align:center;padding:80px 40px;color:#666}.print-error a{display:inline-block;margin-top:20px;padding:10px 20px;background:#3b82f6;color:#fff;text-decoration:none;border-radius:6px}.invoice__header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:24px;border-bottom:2px solid #111;margin-bottom:24px}.invoice__company-name{font-size:24px;font-weight:700;margin-bottom:8px;color:#111}.invoice__company-address{font-size:12px;color:#666;line-height:1.6}.invoice__title-section{text-align:right}.invoice__title{font-size:32px;font-weight:700;color:#3b82f6;letter-spacing:2px}.invoice__info-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:32px}.invoice__info-block h4{font-size:12px;text-transform:uppercase;color:#666;margin-bottom:8px}.invoice__customer-name{font-size:18px;font-weight:600;margin-bottom:4px}.invoice__info-block p{font-size:14px;color:#333;margin:4px 0}.invoice__info-block--right{text-align:right}.invoice__meta-table{margin-left:auto;font-size:14px}.invoice__meta-table td{padding:4px 0 4px 16px}.invoice__meta-table td:first-child{color:#666;text-align:right;padding-right:12px}.invoice__table{width:100%;border-collapse:collapse;margin-bottom:24px}.invoice__table th,.invoice__table td{padding:12px;text-align:left;border-bottom:1px solid #ddd;font-size:13px}.invoice__table th{background:#f9fafb;font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.05em;color:#666}.invoice__item-detail{font-size:11px;color:#888}.invoice__amount{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.invoice__totals{display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding:16px 0;border-top:2px solid #111}.invoice__totals-row{display:flex;gap:40px;font-size:14px}.invoice__totals-row span:first-child{min-width:80px;text-align:right;color:#666}.invoice__totals-row span:last-child{min-width:100px;text-align:right;font-variant-numeric:tabular-nums}.invoice__totals-row--grand{font-size:18px;font-weight:700;color:#111;padding-top:8px;border-top:1px solid #ddd}.invoice__totals-row--grand span:first-child{color:#111}.invoice__payment{margin-top:24px;padding:12px 16px;background:#f0fdf4;border:1px solid #86efac;border-radius:6px;font-size:14px}.invoice__footer{margin-top:40px;text-align:center;color:#666}.invoice__footer p:first-child{font-size:16px;font-weight:500;margin-bottom:12px}.invoice__terms{font-size:11px;color:#999;line-height:1.6}.spk__header{margin-bottom:24px}.spk__title-box{background:#111;color:#fff;padding:16px 24px;text-align:center;margin-bottom:16px}.spk__title{font-size:28px;font-weight:700;letter-spacing:3px;margin:0}.spk__job-info{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f5f5f5;border:2px solid #111}.spk__job-number{font-size:18px}.spk__deadline{font-size:18px;color:#16a34a}.spk__deadline--overdue{color:#dc2626}.spk__overdue-badge{display:inline-block;margin-left:12px;padding:4px 8px;background:#dc2626;color:#fff;font-size:12px;font-weight:700;border-radius:4px;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.spk__info-bar{display:flex;gap:24px;padding:12px 0;border-bottom:1px solid #ddd;margin-bottom:24px}.spk__info-item{display:flex;gap:8px}.spk__info-label{color:#666}.spk__info-value{font-weight:600}.spk__table{width:100%;border-collapse:collapse;margin-bottom:24px}.spk__table th,.spk__table td{padding:12px;text-align:left;border:1px solid #333;font-size:14px}.spk__table th{background:#111;color:#fff;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.05em}.spk__checkbox-col{width:40px;text-align:center!important}.spk__qty-col{width:60px;text-align:center!important}.spk__size-col{width:120px}.spk__checkbox{text-align:center;font-size:20px}.spk__qty{text-align:center;font-size:18px;font-weight:700}.spk__material strong{font-size:15px}.spk__size{text-align:center}.spk__size-value{display:block;font-size:20px;font-weight:700;color:#111}.spk__size-unit{font-size:12px;color:#666}.spk__finishing{font-weight:500}.spk__file-row td{background:#fffbeb;border-top:none}.spk__file{font-size:13px;color:#92400e}.spk__notes{padding:16px;background:#fef9c3;border:1px solid #fbbf24;border-radius:6px;margin-bottom:24px}.spk__notes strong{display:block;margin-bottom:8px}.spk__footer{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;padding-top:24px;border-top:2px solid #111}.spk__signature-box{text-align:center}.spk__signature-box p{font-size:12px;color:#666;margin:0}.spk__signature-line{height:60px;border-bottom:1px solid #111;margin:8px 0}@media print{.print-actions{display:none!important}.print-page{background:#fff;min-height:auto}.print-content{padding:0;max-width:100%}@page{margin:15mm;size:A4}body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.spk__title-box,.spk__table th{background:#111!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}:root{--primary-50: hsl(215, 100%, 97%);--primary-100: hsl(215, 95%, 93%);--primary-200: hsl(215, 90%, 85%);--primary-300: hsl(215, 85%, 72%);--primary-400: hsl(215, 85%, 60%);--primary-500: hsl(215, 85%, 50%);--primary-600: hsl(215, 85%, 42%);--primary-700: hsl(215, 85%, 35%);--primary-800: hsl(215, 85%, 28%);--primary-900: hsl(215, 85%, 20%);--success-50: hsl(152, 80%, 95%);--success-100: hsl(152, 75%, 88%);--success-200: hsl(152, 70%, 78%);--success-500: hsl(152, 70%, 45%);--success-600: hsl(152, 70%, 38%);--success-700: hsl(152, 70%, 30%);--warning-50: hsl(38, 100%, 95%);--warning-100: hsl(38, 95%, 88%);--warning-200: hsl(38, 90%, 78%);--warning-500: hsl(38, 95%, 50%);--warning-600: hsl(38, 95%, 42%);--warning-700: hsl(38, 95%, 35%);--danger-50: hsl(350, 100%, 97%);--danger-100: hsl(350, 95%, 92%);--danger-200: hsl(350, 85%, 82%);--danger-500: hsl(350, 80%, 55%);--danger-600: hsl(350, 80%, 48%);--danger-700: hsl(350, 80%, 40%);--orange-50: hsl(28, 100%, 96%);--orange-100: hsl(28, 95%, 90%);--orange-200: hsl(28, 90%, 82%);--orange-500: hsl(28, 85%, 55%);--orange-600: hsl(28, 85%, 48%);--orange-700: hsl(28, 85%, 40%);--neutral-50: hsl(210, 40%, 98%);--neutral-100: hsl(210, 35%, 96%);--neutral-200: hsl(210, 30%, 92%);--neutral-300: hsl(210, 25%, 84%);--neutral-400: hsl(210, 20%, 65%);--neutral-500: hsl(210, 15%, 50%);--neutral-600: hsl(210, 15%, 40%);--neutral-700: hsl(210, 20%, 30%);--neutral-800: hsl(210, 25%, 20%);--neutral-900: hsl(210, 30%, 12%);--neutral-950: hsl(215, 35%, 8%);--bg-primary: var(--neutral-50);--bg-secondary: hsl(0, 0%, 100%);--bg-elevated: hsl(0, 0%, 100%);--bg-muted: var(--neutral-100);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--text-muted: var(--neutral-400);--text-inverse: hsl(0, 0%, 100%);--border-default: var(--neutral-200);--border-subtle: var(--neutral-100);--border-strong: var(--neutral-300);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", 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;--text-4xl: 2.25rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--sidebar-width: 260px;--sidebar-collapsed-width: 70px;--navbar-height: 64px;--content-max-width: 1400px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800}[data-theme=dark]{--bg-primary: var(--neutral-950);--bg-secondary: hsl(215, 28%, 12%);--bg-elevated: hsl(215, 25%, 15%);--bg-muted: hsl(215, 25%, 18%);--text-primary: hsl(210, 20%, 95%);--text-secondary: hsl(210, 15%, 75%);--text-muted: hsl(210, 10%, 55%);--border-default: hsl(215, 20%, 22%);--border-subtle: hsl(215, 20%, 18%);--border-strong: hsl(215, 20%, 28%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .35), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}hr{height:0;color:inherit;border-top-width:1px;border-color:var(--border-default)}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:var(--weight-bold)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0;border:none;background:transparent}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;appearance:button;cursor:pointer}:disabled{cursor:not-allowed}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.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-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.p-0{padding:0}.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-5{padding:var(--space-5)}.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)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.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)}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.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)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-success{color:var(--success-600)}.text-warning{color:var(--warning-600)}.text-danger{color:var(--danger-600)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-elevated{background-color:var(--bg-elevated)}.border{border:1px solid var(--border-default)}.border-t{border-top:1px solid var(--border-default)}.border-b{border-bottom:1px solid var(--border-default)}.border-l{border-left:1px solid var(--border-default)}.border-r{border-right:1px solid var(--border-default)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{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)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:var(--ease-out);transition-duration:var(--duration-fast)}.transition-all{transition-property:all;transition-timing-function:var(--ease-out);transition-duration:var(--duration-normal)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--neutral-800)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--neutral-600)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}::selection{background-color:var(--primary-200);color:var(--primary-900)}[data-theme=dark] ::selection{background-color:var(--primary-700);color:var(--primary-100)}.page-title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-6)}.section-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.content-container{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-6)}@media(max-width:768px){.content-container{padding:var(--space-4)}}@media print{body{background:#fff!important;color:#000!important}.no-print{display:none!important}.print-only{display:block!important}}.print-only{display:none}