:root{--font-display:"Fraunces","Georgia",serif;--font-body:"Archivo","Helvetica Neue",sans-serif;--font-mono:"JetBrains Mono","Menlo",monospace;--bg-root:#ece8e1;--bg-main:#f5f2ec;--bg-card:#fdfcfa;--bg-sidebar:#12161c;--bg-sidebar-hover:hsla(0,0%,100%,.04);--bg-header:hsla(40,43%,99%,.88);--text-primary:#1a1f26;--text-secondary:#5c6570;--text-muted:#8b939c;--text-inverse:#f5f2ec;--text-sidebar:#9aa3ad;--text-sidebar-active:#f5f2ec;--border-subtle:rgba(26,31,38,.08);--border-card:rgba(26,31,38,.06);--shadow-sm:0 1px 2px rgba(26,31,38,.04);--shadow-md:0 8px 24px rgba(26,31,38,.08);--shadow-lg:0 20px 48px rgba(26,31,38,.12);--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--ease-out:cubic-bezier(0.22,1,0.36,1);--duration-fast:0.18s;--duration-normal:0.32s;--accent:#c4704a;--accent-hover:#a85a38;--accent-soft:rgba(196,112,74,.12);--accent-glow:rgba(196,112,74,.25);--sidebar-accent:#c4704a;--el-color-primary:var(--accent)}[data-portal=admin]{--accent:#3d6b7a;--accent-hover:#2f5562;--accent-soft:rgba(61,107,122,.12);--accent-glow:rgba(61,107,122,.22);--sidebar-accent:#5a9aaa}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font-body);font-size:14px;color:var(--text-primary);background:var(--bg-root);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}.el-button--primary{background:var(--accent)!important;border-color:var(--accent)!important;font-weight:600;letter-spacing:.02em;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)!important}.el-button--primary:focus,.el-button--primary:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important;transform:translateY(-1px);box-shadow:0 6px 16px var(--accent-glow)}.el-button--text{color:var(--accent)!important}.el-input__inner:focus,.el-select .el-input.is-focus .el-input__inner,.el-textarea__inner:focus{border-color:var(--accent)!important}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:var(--accent)!important}.el-table{font-family:var(--font-body);border-radius:var(--radius-md);overflow:hidden}.el-table th{background:rgba(26,31,38,.03)!important;color:var(--text-secondary)!important;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.el-table td,.el-table th.is-leaf,.el-table--border,.el-table--group{border-color:var(--border-subtle)!important}.el-card{border:1px solid var(--border-card)!important;border-radius:var(--radius-md)!important;background:var(--bg-card)!important;box-shadow:var(--shadow-sm)!important}.el-drawer__header{font-family:var(--font-display);font-size:20px;color:var(--text-primary);margin-bottom:0;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.el-steps .el-step__head.is-process{color:var(--accent)!important;border-color:var(--accent)!important}.el-steps .el-step__title.is-process{color:var(--accent)!important}.el-steps .el-step__head.is-finish{color:var(--accent)!important;border-color:var(--accent)!important}.el-steps .el-step__title.is-finish{color:var(--text-secondary)!important}.el-tag{border-radius:999px}.app-layout{min-height:100vh;background:var(--bg-main)}.app-sidebar{background:var(--bg-sidebar)!important;border-right:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;position:relative;overflow:hidden}.app-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(180deg,var(--accent-glow) 0,transparent 100%);pointer-events:none;opacity:.5}.app-sidebar .el-menu{border-right:none!important;background:transparent!important;flex:1;padding:8px 10px}.app-sidebar .el-menu-item,.app-sidebar .el-submenu__title{border-radius:var(--radius-sm)!important;margin-bottom:2px;height:44px!important;line-height:44px!important;color:var(--text-sidebar)!important;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.app-sidebar .el-menu-item:hover,.app-sidebar .el-submenu__title:hover{background:var(--bg-sidebar-hover)!important;color:var(--text-sidebar-active)!important}.app-sidebar .el-menu-item.is-active{background:var(--accent-soft)!important;font-weight:600}.app-sidebar .el-menu-item.is-active,.app-sidebar .el-menu-item.is-active i{color:var(--sidebar-accent)!important}.app-sidebar .el-submenu .el-menu-item{min-width:auto;padding-left:48px!important}.app-logo{position:relative;z-index:1;padding:28px 20px 24px;border-bottom:1px solid hsla(0,0%,100%,.06)}.app-logo__mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--sidebar-accent),var(--accent-hover));color:#fff;font-weight:700;margin-bottom:12px;box-shadow:0 4px 12px var(--accent-glow)}.app-logo__mark,.app-logo__title{font-family:var(--font-display);font-size:18px}.app-logo__title{font-weight:600;color:var(--text-inverse);letter-spacing:-.02em;line-height:1.2}.app-logo__subtitle{margin-top:4px;font-size:11px;color:var(--text-sidebar);letter-spacing:.12em;text-transform:uppercase}.app-header{justify-content:flex-end;gap:12px;height:64px!important;padding:0 28px!important;background:var(--bg-header)!important;backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)!important}.app-header,.app-header__user{display:flex;align-items:center}.app-header__user{gap:10px;padding:6px 12px 6px 6px;border-radius:999px;background:rgba(26,31,38,.04)}.app-header__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.app-header__name{font-size:13px;font-weight:600;color:var(--text-primary)}.app-header__logout{color:var(--text-muted)!important;font-size:13px}.app-header__logout:hover{color:var(--accent)!important}.app-main{padding:28px 32px 40px!important;background:transparent!important;animation:fadeSlideIn var(--duration-normal) var(--ease-out)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-shell{animation:fadeSlideIn var(--duration-normal) var(--ease-out)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:16px}.page-header__text{flex:1}.page-title{margin:0;font-family:var(--font-display);font-size:28px;font-weight:600;color:var(--text-primary);letter-spacing:-.03em;line-height:1.15}.page-subtitle{margin:6px 0 0;font-size:14px;color:var(--text-muted)}.content-panel{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:4px;overflow:hidden}.content-panel .el-table{border-radius:calc(var(--radius-md) - 4px)}.content-panel .el-table:before{display:none}.pagination-bar{display:flex;justify-content:flex-end;padding:16px 8px 8px}.product-link{color:var(--accent);text-decoration:none;font-family:var(--font-mono);font-size:12px;transition:opacity var(--duration-fast)}.product-link:hover{opacity:.75;text-decoration:underline}.stat-grid{display:grid;gap:20px}.stat-grid--3{grid-template-columns:repeat(3,1fr)}.stat-grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.stat-grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stat-grid--3,.stat-grid--4{grid-template-columns:1fr}}.stat-card{position:relative;padding:24px 24px 22px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent)}.stat-card__icon{width:40px;height:40px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:16px}.stat-card__label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.stat-card__value{font-family:var(--font-mono);font-size:32px;font-weight:500;color:var(--text-primary);letter-spacing:-.04em;line-height:1}.stat-card__value--accent{color:var(--accent)}