*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#b86b8f;--primary-dark:#9e5578;--primary-light:#d4a3bc;--secondary:#c98aa8;--accent:#e8d4e0;--background:#f7f2f5;--background-soft:#fdf9fb;--surface:#fff;--surface-elevated:#fff;--highlight:#f3ebf0;--text-primary:#1c1419;--text-secondary:#5e4f59;--text-muted:#8a7a84;--bdr-color:#e8dce4;--bdr-radius:16px;--bdr-radius-lg:20px;--bdr-radius-xl:24px;--in-stock:#2d9b6a;--low-stock:#d4920a;--out-stock:#d64545;--shadow-sm:0 1px 3px #1c14190f, 0 1px 2px #1c14190a;--shadow-md:0 8px 24px #1c141914;--shadow-lg:0 16px 48px #1c14191f;--shadow-glow:0 12px 32px #b86b8f2e;--nav-height:72px;--page-px:20px;--page-pb:calc(var(--nav-height) + 24px + env(safe-area-inset-bottom,0px));--content-max:1280px;color:var(--text-primary);background:var(--background);-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif}body{background:radial-gradient(ellipse 80% 50% at 100% -10%, #c98aa81f, transparent 50%), radial-gradient(ellipse 60% 40% at 0% 100%, #b86b8f14, transparent 45%), var(--background);min-height:100dvh;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:99px}h1,h2,h3,h4{color:var(--text-primary);letter-spacing:-.02em;font-family:Playfair Display,Georgia,serif;line-height:1.2}.page{padding:24px var(--page-px) var(--page-pb);width:100%;max-width:520px;margin:0 auto;animation:.4s both fadeIn}.page--centered{flex-direction:column;justify-content:center;align-items:center;max-width:none;min-height:100dvh;padding:24px;display:flex}.page--wide{max-width:var(--content-max);width:100%;margin:0 auto}.page--detail{max-width:640px}.filter-panel{background:var(--surface);border:1px solid var(--bdr-color);border-radius:var(--bdr-radius-lg);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:16px 18px}.filter-panel .search-field,.filter-panel .chip-group:not(:last-child){margin-bottom:14px}.filter-panel .search-field:last-child{margin-bottom:0}.content-section{margin-top:8px}.data-table-wrap{-webkit-overflow-scrolling:touch;background:var(--surface);border:1px solid var(--bdr-color);border-radius:var(--bdr-radius-lg);width:100%;box-shadow:var(--shadow-sm);transition:box-shadow .25s;overflow-x:auto}.data-table-wrap:hover{box-shadow:var(--shadow-md)}.data-table{border-collapse:collapse;width:100%;min-width:640px;font-size:.88rem}.data-table thead{background:linear-gradient(180deg, var(--highlight) 0%, #f3ebf099 100%);border-bottom:1px solid var(--bdr-color)}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:600}.data-table td{border-bottom:1px solid var(--bdr-color);vertical-align:middle;color:var(--text-primary);padding:12px 14px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr.data-table__row--clickable{cursor:pointer;transition:background .12s}.data-table tbody tr.data-table__row--clickable:hover td{background:#f3ebf0a6}.data-table tbody tr:nth-child(2n):not(:hover) td{background:#fdf9fb99}.data-table__name{color:var(--text-primary);font-weight:600;line-height:1.35}.data-table__muted{color:var(--text-muted);font-size:.82rem}.data-table__thumb{object-fit:cover;border:1px solid var(--bdr-color);border-radius:10px;width:40px;height:40px;display:block}.data-table__thumb-placeholder{background:var(--highlight);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.data-table__type-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.data-table__qty{white-space:nowrap;text-align:right;font-weight:700}.data-table__notes{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--text-secondary);font-size:.82rem;overflow:hidden}.data-table td.data-table__cell--num{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.data-table td.data-table__cell--status{text-align:center}.data-table-skeleton td{padding:14px}.section{margin-top:28px}.section-title{color:var(--text-primary);letter-spacing:0;margin-bottom:14px;font-family:DM Sans,sans-serif;font-size:1.05rem;font-weight:600}.section-title--accent{letter-spacing:-.02em;font-family:Playfair Display,serif;font-size:1.15rem;font-weight:600}.stack{flex-direction:column;gap:10px;display:flex}.stack-lg{gap:14px}.page-header{border-bottom:1px solid #e8dce4cc;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.page-header__main{padding-left:16px;position:relative}.page-header__main:before{content:"";background:linear-gradient(180deg, var(--primary), var(--secondary));border-radius:99px;width:4px;position:absolute;top:4px;bottom:4px;left:0}.page-header__eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-bottom:6px;font-size:.72rem;font-weight:600}.page-header__title{letter-spacing:-.03em;font-size:1.75rem;font-weight:700}.page-header__subtitle{color:var(--text-secondary);margin-top:6px;font-size:.92rem;line-height:1.45}.page-header__action{flex-shrink:0}.welcome-banner{background:linear-gradient(135deg, var(--primary) 0%, #a85a7e 45%, var(--secondary) 100%);border-radius:var(--bdr-radius-xl);color:#fff;box-shadow:var(--shadow-glow);margin-bottom:22px;padding:22px 24px;position:relative;overflow:hidden}.welcome-banner:before{content:"";pointer-events:none;background:#ffffff14;border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.welcome-banner:after{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-60px;left:20%}.welcome-banner__greeting{opacity:.9;font-size:.88rem;font-weight:500}.welcome-banner__name{color:#fff;margin-top:2px;font-family:Playfair Display,serif;font-size:1.55rem;font-weight:700}.welcome-banner__date{opacity:.85;margin-top:8px;font-size:.8rem}.welcome-banner__actions{z-index:1;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.welcome-banner__refresh{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff59;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:8px 12px;transition:background .2s;display:flex}.welcome-banner__refresh:hover:not(:disabled){background:#ffffff4d}.welcome-banner__refresh:disabled{opacity:.6;cursor:not-allowed}.welcome-banner--compact{margin-bottom:0;padding:14px 20px}.welcome-banner--compact .welcome-banner__name{font-size:1.3rem}.welcome-banner--compact .welcome-banner__date{margin-top:4px}.dashboard-page{padding-top:16px;padding-bottom:calc(var(--nav-height) + 12px);max-width:none;min-height:calc(100dvh - var(--nav-height));box-sizing:border-box}.dashboard-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;margin-top:14px;display:grid}.dashboard-grid__stats{grid-template-columns:repeat(2,1fr);align-content:start;gap:12px;display:grid}.dashboard-grid__stats .stat-card:nth-child(5){grid-column:1/-1}.dashboard-stat-skeleton{border-radius:var(--bdr-radius-lg);height:88px}.dashboard-grid__stats .dashboard-stat-skeleton:nth-child(5){grid-column:1/-1}.dashboard-grid__actions{flex-direction:column;min-height:0;display:flex}.dashboard-grid__actions .section-title{flex-shrink:0;margin-bottom:10px}.dashboard-actions{flex-direction:column;flex:1;gap:10px;display:flex}.dashboard-page .stat-card{padding:14px 16px}.dashboard-page .stat-card__top{margin-bottom:8px}.dashboard-page .stat-card__value{font-size:1.55rem}.dashboard-page .stat-card__link{margin-top:6px}.dashboard-page .action-card{flex:1;min-height:0;padding:12px 14px}@media (width<=720px){.dashboard-grid{grid-template-columns:1fr;gap:14px}.dashboard-grid__stats .stat-card:nth-child(5),.dashboard-grid__stats .dashboard-stat-skeleton:nth-child(5){grid-column:auto}}.stat-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.stat-grid--3{grid-template-columns:repeat(3,1fr)}@media (width<=380px){.stat-grid--3{grid-template-columns:repeat(2,1fr)}.stat-grid--3 .stat-card:last-child{grid-column:span 2}}.stat-card{background:var(--surface);border:1px solid var(--bdr-color);border-radius:var(--bdr-radius-lg);box-shadow:var(--shadow-sm);padding:18px;transition:box-shadow .25s,transform .2s,border-color .2s}.stat-card--clickable{cursor:pointer}.stat-card--clickable:hover{box-shadow:var(--shadow-md);border-color:#b86b8f40;transform:translateY(-2px)}.stat-card--clickable:active{transform:translateY(0)}.stat-card__top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.stat-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:600}.stat-card__icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-card__value{color:var(--text-primary);font-family:Playfair Display,serif;font-size:1.85rem;font-weight:700;line-height:1}.stat-card__link{align-items:center;gap:4px;margin-top:10px;font-size:.75rem;font-weight:600;display:flex}.summary-row{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px;display:grid}.summary-row--3{grid-template-columns:repeat(3,1fr)}.summary-pill{background:var(--surface);border:1px solid var(--bdr-color);border-radius:var(--bdr-radius);text-align:center;cursor:pointer;box-shadow:var(--shadow-sm);padding:16px 12px;font-family:inherit;transition:border-color .2s,box-shadow .2s,background .2s,transform .15s}.summary-pill:hover,.summary-pill--active{box-shadow:var(--shadow-md);transform:translateY(-1px)}.summary-pill__value{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;line-height:1.1}.summary-pill__label{color:var(--text-secondary);margin-top:4px;font-size:.72rem;font-weight:600}.list-card{background:var(--surface);border:1px solid var(--bdr-color);border-radius:var(--bdr-radius-lg);box-shadow:var(--shadow-sm);padding:16px 18px;transition:box-shadow .2s}.list-card--clickable{cursor:pointer}.list-card--clickable:active{box-shadow:var(--shadow-md)}.list-card__row{align-items:flex-start;gap:14px;display:flex}.list-card__thumb{object-fit:cover;border:1px solid var(--bdr-color);border-radius:14px;flex-shrink:0;width:52px;height:52px}.list-card__thumb--placeholder{background:var(--highlight);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.list-card__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.list-card__body{flex:1;min-width:0}.list-card__title-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.list-card__title{color:var(--text-primary);font-size:.95rem;font-weight:600;line-height:1.35}.list-card__meta{color:var(--text-muted);margin-top:4px;font-size:.8rem}.list-card__stats{color:var(--text-secondary);flex-wrap:wrap;gap:12px 16px;margin-top:8px;font-size:.82rem;display:flex}.list-card__stats strong{color:var(--text-primary);font-weight:600}.action-card{cursor:pointer;align-items:center;gap:16px;padding:16px 18px;transition:box-shadow .2s,transform .15s,border-color .2s;display:flex}.action-card:hover{box-shadow:var(--shadow-md);border-color:#b86b8f33;transform:translate(4px)}.action-card__icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.action-card__text{flex:1;min-width:0}.action-card__title{color:var(--text-primary);font-size:.95rem;font-weight:600}.action-card__sub{color:var(--text-muted);margin-top:2px;font-size:.8rem}.chip-group{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chip{border:1px solid var(--bdr-color);background:var(--surface);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:50px;padding:8px 16px;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .2s}.chip:hover{border-color:var(--primary);color:var(--primary)}.chip--active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 10px #b86b8f4d}.search-field{margin-bottom:16px;position:relative}.search-field__icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-field .input{background:var(--surface);border-color:var(--bdr-color);border-radius:50px;padding-left:44px}.search-field .input:focus{background:var(--surface)}.search-field__clear{background:var(--highlight);cursor:pointer;width:28px;height:28px;color:var(--text-secondary);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.info-list{padding-top:4px}.info-row{border-bottom:1px solid var(--bdr-color);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.info-row:last-child{border-bottom:none}.info-row__label{color:var(--text-muted);flex-shrink:0;font-size:.82rem;font-weight:500}.info-row__value{color:var(--text-primary);text-align:right;font-size:.9rem;font-weight:500}.stock-hero{border-radius:var(--bdr-radius-lg);text-align:center;background:linear-gradient(135deg,#b86b8f14,#c98aa80d);border:1px solid #b86b8f1f;margin-top:20px;padding:24px 20px}.stock-hero__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:600}.stock-hero__value{color:var(--text-primary);margin-top:4px;font-family:Playfair Display,serif;font-size:2.75rem;font-weight:700;line-height:1.1}.stock-hero__unit{color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:1rem;font-weight:400}.stock-hero__hint{color:var(--text-muted);margin-top:6px;font-size:.78rem}.profile-page{padding-top:16px;padding-bottom:calc(var(--nav-height) + 16px)}.profile-hero{text-align:left;border-radius:var(--bdr-radius-lg);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#b86b8f1a 0%,#fffffff2 45%,#fdf9fb 100%);border:1px solid #b86b8f24;align-items:center;gap:20px;margin-bottom:20px;padding:24px;display:flex}.profile-hero__avatar{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;margin:0;display:flex;box-shadow:0 10px 28px #b86b8f52}.profile-hero__body{flex:1;min-width:0}.profile-hero__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.profile-hero__name{margin-bottom:8px;font-size:1.55rem;line-height:1.2}.profile-hero__email{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;font-size:.92rem;display:flex}.profile-hero__role{flex-shrink:0;margin-top:2px}.profile-hero__role-text{text-transform:capitalize;font-weight:600}.profile-grid{gap:16px;margin-bottom:16px;display:grid}.profile-card{height:100%;padding:22px 24px}.profile-card .settings-block__header{border-bottom:1px solid var(--bdr-color);margin-bottom:0;padding-bottom:18px}.profile-form{flex-direction:column;gap:20px;margin-top:20px;display:flex}.profile-form__fields{flex-direction:column;gap:16px;display:flex}.profile-form__fields--split{grid-template-columns:1fr;gap:16px;display:grid}.profile-form__actions{justify-content:flex-end;padding-top:4px;display:flex}.profile-form__submit{justify-content:center;min-width:160px;padding:12px 20px}.input-with-toggle{position:relative}.input-with-toggle .input{padding-right:48px}.nav-signout{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;font-size:.92rem;font-weight:500;transition:background .2s,color .2s;display:none}.nav-signout:hover:not(:disabled){color:var(--out-stock);background:#dc354514}.nav-signout:disabled{opacity:.6;cursor:not-allowed}.nav-signout__spinner{flex-shrink:0;width:18px;height:18px}.nav-signout--mobile{border:1px solid var(--bdr-color);border-radius:var(--bdr-radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:14px 16px;display:flex}.settings-block__header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.settings-block__icon{background:#b86b8f1a;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.settings-block__title{font-size:.95rem;font-weight:600}.settings-block__sub{color:var(--text-muted);font-size:.82rem}@media (width>=768px){.profile-form__fields--split{grid-template-columns:1fr 1fr}.profile-grid{grid-template-columns:1fr 1fr;align-items:stretch}}@media (width>=1024px){.profile-page{padding-bottom:32px}.profile-hero{padding:28px 32px}.profile-hero__avatar{width:96px;height:96px}.profile-hero__name{font-size:1.75rem}}@media (width<=640px){.profile-form__actions{justify-content:stretch}.profile-form__submit{width:100%}}.role-badge{background:var(--highlight);border-radius:12px;align-items:center;gap:10px;padding:12px 16px;display:flex}.role-badge__dot{background:var(--in-stock);border-radius:50%;flex-shrink:0;width:8px;height:8px}.login-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.login-bg__blob{filter:blur(60px);border-radius:50%;position:absolute}.login-bg__blob--1{background:var(--accent);opacity:.7;width:280px;height:280px;top:-120px;right:-80px}.login-bg__blob--2{background:var(--secondary);opacity:.25;width:220px;height:220px;bottom:-80px;left:-60px}.login-wrap{z-index:1;width:100%;max-width:400px;position:relative}.login-brand{text-align:center;margin-bottom:32px}.login-brand__logo{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:22px;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:18px;display:inline-flex;box-shadow:0 10px 28px #b86b8f66}.login-brand h1{margin-bottom:6px;font-size:2rem}.login-brand p{color:var(--text-secondary);font-size:.9rem}.login-card{-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);background:#ffffffe0;border:1px solid #fff9;padding:32px}.login-footer{text-align:center;color:var(--text-muted);margin-top:20px;font-size:.82rem}.app-shell{flex:1;width:100%;min-height:0;display:flex}.app-shell__main{flex:1;min-width:0}.side-nav{display:none}.bottom-nav{z-index:100;-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--bdr-color);padding:6px 8px calc(10px + env(safe-area-inset-bottom,0px));background:#ffffffeb;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #1c14190f}.bottom-nav__link{color:var(--text-muted);flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px 0;text-decoration:none;transition:color .2s;display:flex}.bottom-nav__link--active{color:var(--primary)}.bottom-nav__icon-wrap{border-radius:12px;padding:6px 16px;transition:background .2s}.bottom-nav__link--active .bottom-nav__icon-wrap{background:#b86b8f1f}.bottom-nav__label{font-size:.65rem;font-weight:500}.bottom-nav__link--active .bottom-nav__label{font-weight:600}@media (width>=1024px){:root{--page-pb:32px;--page-px:32px}.app-shell__main{background:radial-gradient(ellipse 70% 50% at 100% 0%, #c98aa80f, transparent 50%), var(--background-soft)}.bottom-nav{display:none}.toast-container{bottom:24px}.dashboard-page{min-height:auto;padding-top:28px}.page--detail{max-width:720px}.side-nav{background:linear-gradient(180deg, var(--surface) 0%, #fdf9fbfa 100%);border-right:1px solid var(--bdr-color);flex-direction:column;flex-shrink:0;width:260px;height:100dvh;padding:28px 18px;display:flex;position:sticky;top:0;box-shadow:4px 0 24px #1c14190a}.side-nav__brand{border-bottom:1px solid var(--bdr-color);align-items:center;gap:12px;margin-bottom:8px;padding:0 12px 24px;display:flex}.side-nav__logo{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.side-nav__title{color:var(--text-primary);font-family:Playfair Display,Georgia,serif;font-size:1.15rem;font-weight:600}.side-nav__links{flex-direction:column;gap:4px;display:flex}.side-nav__link{color:var(--text-secondary);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:.92rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex}.side-nav__link:hover{background:var(--highlight);color:var(--text-primary)}.side-nav__link--active{color:var(--primary);background:#b86b8f1f;font-weight:600}.side-nav__signout{border-top:1px solid var(--bdr-color);margin-top:8px;padding-top:12px}.side-nav__signout.nav-signout{display:flex}.nav-signout--mobile{display:none}.page--wide{padding-left:32px;padding-right:32px}}.product-detail-page{padding-top:16px}.product-detail-page .back-row{margin-bottom:10px}.product-detail-grid{gap:12px;display:grid}.product-detail-card{padding:16px 18px}.product-detail-card .card__title{margin-bottom:8px;font-size:.95rem}.product-detail-card--full{grid-column:1/-1}.product-detail__header{align-items:center;gap:14px;display:flex}.product-detail__thumb{object-fit:cover;border:1px solid var(--bdr-color);border-radius:14px;flex-shrink:0;width:56px;height:56px}.product-detail__thumb--placeholder{background:var(--highlight);justify-content:center;align-items:center;display:flex}.product-detail__intro{flex:1;min-width:0}.product-detail__title-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.product-detail__name{font-size:1.15rem;font-weight:600;line-height:1.3}.product-detail__sku{color:var(--text-muted);margin-top:4px;font-size:.82rem}.product-detail__actions{border-top:1px solid var(--bdr-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.stock-compact__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:600}.stock-compact__value{margin-top:2px;font-family:Playfair Display,serif;font-size:1.65rem;font-weight:700;line-height:1.1}.stock-compact__unit{color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:500}.stock-compact__hint{color:var(--text-muted);margin-top:2px;font-size:.75rem}.product-detail__btn-row{flex-shrink:0;gap:8px;display:flex}.info-list--compact .info-row{padding:8px 0}.info-list--grid{grid-template-columns:1fr;gap:0 24px;display:grid}.movement-list{flex-direction:column;display:flex}.movement-list__item{border-bottom:1px solid var(--bdr-color);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.movement-list__item:last-child{border-bottom:none;padding-bottom:0}.movement-list__main{flex-direction:column;gap:4px;min-width:0;display:flex}.movement-list__meta{color:var(--text-muted);font-size:.78rem}@media (width>=768px){.product-detail-grid,.info-list--grid{grid-template-columns:1fr 1fr}.product-detail__actions{flex-wrap:nowrap}}.pagination{background:var(--surface);border:1px solid var(--bdr-color);width:fit-content;box-shadow:var(--shadow-sm);border-radius:50px;justify-content:center;align-items:center;gap:16px;margin-top:28px;margin-left:auto;margin-right:auto;padding:12px 16px;display:flex}.pagination__info{color:var(--text-secondary);text-align:center;min-width:100px;font-size:.88rem;font-weight:500}.segmented{background:var(--highlight);border-radius:50px;margin-bottom:20px;padding:4px;display:flex}.segmented__btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50px;flex:1;padding:11px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s}.segmented__btn--in.segmented__btn--active{background:var(--in-stock);color:#fff;box-shadow:0 2px 8px #2d9b6a59}.segmented__btn--out.segmented__btn--active{background:var(--out-stock);color:#fff;box-shadow:0 2px 8px #d6454559}.back-row{margin-bottom:18px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.35s both fadeIn}.slide-up{animation:.4s both slideUp}.skeleton{background:linear-gradient(90deg, var(--highlight) 25%, var(--accent) 50%, var(--highlight) 75%);border-radius:var(--bdr-radius);background-size:200% 100%;animation:1.4s infinite shimmer}.spinner{border:3px solid var(--highlight);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin;display:inline-block}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:50px;align-items:center;gap:8px;padding:11px 22px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #b86b8f59}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.btn-ghost{background:var(--surface);color:var(--text-secondary);border:1px solid var(--bdr-color)}.btn-ghost:hover:not(:disabled){background:var(--highlight);color:var(--primary);border-color:var(--primary)}.btn-danger{background:var(--out-stock);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.05)}.btn-sm{border-radius:12px;padding:8px 14px;font-size:.82rem}.input-wrap{flex-direction:column;gap:6px;display:flex}.input-wrap label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:600}.input{border:1px solid var(--bdr-color);background:var(--surface);color:var(--text-primary);border-radius:12px;outline:none;width:100%;padding:13px 16px;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #b86b8f1f}.input::placeholder{color:var(--text-muted);opacity:.7}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235E4F59' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.input-password-toggle{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:4px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.card{background:var(--surface);border:1px solid var(--bdr-color);border-radius:var(--bdr-radius-lg);box-shadow:var(--shadow-sm);padding:20px;transition:box-shadow .25s,border-color .2s}.card:hover{border-color:#b86b8f26}.card__title{letter-spacing:0;margin-bottom:12px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600}.card+.card{margin-top:12px}.badge{border-radius:50px;flex-shrink:0;align-items:center;gap:5px;padding:4px 11px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-in_stock{color:var(--in-stock);background:#2d9b6a1f}.badge-low_stock{color:var(--low-stock);background:#d4920a1f}.badge-out_of_stock{color:var(--out-stock);background:#d645451f}.badge-in{color:var(--in-stock);background:#2d9b6a1f}.badge-out{color:var(--out-stock);background:#d645451f}.badge-adjustment{color:var(--primary);background:#b86b8f1f}.toast-container{bottom:calc(var(--nav-height) + 16px);z-index:9999;pointer-events:none;flex-direction:column;gap:10px;max-width:400px;margin:0 auto;display:flex;position:fixed;left:16px;right:16px}.toast{background:var(--surface);border:1px solid var(--bdr-color);box-shadow:var(--shadow-lg);color:var(--text-primary);pointer-events:auto;border-radius:14px;align-items:center;gap:10px;padding:14px 18px;font-size:.9rem;animation:.3s both slideUp;display:flex}.toast.success{border-left:4px solid var(--in-stock)}.toast.error{border-left:4px solid var(--out-stock)}.toast.info{border-left:4px solid var(--primary)}.empty-state{text-align:center;color:var(--text-secondary);background:var(--surface);border-radius:var(--bdr-radius-xl);box-shadow:var(--shadow-sm);border:1px dashed #b86b8f40;padding:56px 28px}.empty-state__icon{width:84px;height:84px;color:var(--primary);background:linear-gradient(135deg,#b86b8f1a,#c98aa814);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.empty-state svg{opacity:1;color:inherit;margin-bottom:0}.empty-state p{max-width:320px;margin:0 auto;font-size:.95rem;line-height:1.55}.empty-state strong{color:var(--text-primary);margin-bottom:8px;font-family:Playfair Display,serif;font-size:1.05rem;font-weight:600;display:block}.alert-error{color:var(--out-stock);background:#d6454514;border:1px solid #d6454526;border-radius:12px;padding:12px 14px;font-size:.85rem}.field-error{color:var(--out-stock);margin-top:2px;font-size:.82rem}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overscroll-behavior:contain;background:#1c141980;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-sheet{background:var(--surface);width:100%;max-width:520px;max-height:90dvh;padding:24px 24px calc(32px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-lg);border-radius:24px 24px 0 0;animation:.35s slideUp;overflow-y:auto}.modal-overlay--top{padding-top:env(safe-area-inset-top,0px);align-items:flex-start}.modal-overlay--center{padding:max(20px, env(safe-area-inset-top,0px)) 20px max(20px, env(safe-area-inset-bottom,0px));place-items:center;display:grid}.modal-sheet--form{max-height:none;padding-top:22px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));border-radius:0 0 24px 24px;animation:.3s slideDown;overflow:visible}.modal-sheet--dialog{border-radius:var(--bdr-radius-xl);width:min(1100px,100vw - 40px);max-height:min(100dvh - 40px,90dvh);box-shadow:var(--shadow-lg), 0 24px 64px #1c14192e;border:1px solid #b86b8f24;flex-direction:column;margin:auto;padding:0;animation:.32s cubic-bezier(.22,1,.36,1) both modalIn;display:flex;overflow:hidden}.modal-sheet--dialog .drag-bar{display:none}.modal-header{border-bottom:1px solid var(--bdr-color);background:linear-gradient(#f3ebf08c 0%,#fff0 100%);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 24px 20px;display:flex}.modal-header__text{min-width:0}.modal-header h2{margin-bottom:4px;font-size:1.35rem}.modal-header .modal-subtitle{margin-bottom:0;line-height:1.45}.modal-close{border:1px solid var(--bdr-color);background:var(--surface);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s,border-color .2s;display:flex}.modal-close:hover{background:var(--highlight);color:var(--text-primary);border-color:#b86b8f40}.modal-body{flex-direction:column;gap:16px;padding:22px 24px 24px;display:flex;overflow-y:auto}.modal-sheet--dialog .segmented{margin-bottom:0}.modal-sheet--dialog .modal-actions{margin-top:4px;padding-top:4px}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-sheet--form .drag-bar{display:none}.modal-sheet--form .product-picker{max-height:150px;overflow-y:auto}.modal-sheet .drag-bar{background:var(--bdr-color);border-radius:99px;width:40px;height:4px;margin:0 auto 20px}.modal-sheet h2{margin-bottom:6px;font-family:Playfair Display,serif;font-size:1.25rem}.modal-sheet .modal-subtitle{color:var(--text-secondary);margin-bottom:22px;font-size:.88rem}.modal-actions{gap:10px;margin-top:8px;display:flex}.modal-actions .btn{flex:1;justify-content:center}.modal-actions .btn-primary{flex:2}.product-picker{background:var(--surface);border:1px solid var(--bdr-color);box-shadow:var(--shadow-sm);border-radius:14px;margin-top:6px;overflow:hidden}.product-picker__item{cursor:pointer;border-bottom:1px solid var(--bdr-color);padding:12px 16px;transition:background .15s}.product-picker__item:last-child{border-bottom:none}.product-picker__item:hover{background:var(--highlight)}.product-selected{background:var(--highlight);border:1px solid var(--primary);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.movement-qty{white-space:nowrap;font-size:1.05rem;font-weight:700}.notes-bubble{color:var(--text-secondary);background:var(--highlight);border-radius:10px;margin-top:10px;padding:10px 14px;font-size:.82rem;line-height:1.45}.btn-row{gap:12px;margin-top:20px;display:flex}.btn-row .btn{border-radius:14px;flex:1;justify-content:center;padding:13px 16px}.btn-row .btn--in{color:var(--in-stock);background:#2d9b6a0f;border:1px solid #2d9b6a59}.btn-row .btn--in:hover:not(:disabled){border-color:var(--in-stock);background:#2d9b6a1f}.btn-row .btn--out{color:var(--out-stock);background:#d645450f;border:1px solid #d6454559}.btn-row .btn--out:hover:not(:disabled){border-color:var(--out-stock);background:#d645451f}.loading-screen{background:var(--background);justify-content:center;align-items:center;min-height:100dvh;display:flex}.loading-screen__inner{text-align:center}.loading-screen__inner .spinner{width:36px;height:36px;margin:0 auto 14px}.loading-screen__inner p{color:var(--text-secondary);font-size:.88rem}hr{border:none;border-top:1px solid var(--bdr-color)}@media (width>=600px){.modal-overlay{align-items:center;padding:20px}.modal-overlay--top{padding:max(16px, env(safe-area-inset-top,0px)) 20px 20px;align-items:flex-start}.modal-overlay--center{place-items:center;padding:24px;display:grid}.modal-sheet{border-radius:24px;max-height:85dvh}.modal-sheet--form{border-radius:0 0 24px 24px;max-height:none;margin:0 auto}.modal-sheet--dialog{width:min(1100px,85vw)}.page:not(.page--wide){max-width:560px}.page--wide{padding-left:24px;padding-right:24px}}