: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:#646cff;--accent-hover:#535bf2;--accent-soft:rgba(100,108,255,.12);--accent-glow:rgba(100,108,255,.25);--sidebar-accent:#8188ff;--el-color-primary:var(--accent)}[data-portal=admin]{--accent:#646cff;--accent-hover:#535bf2;--accent-soft:rgba(100,108,255,.12);--accent-glow:rgba(100,108,255,.22);--sidebar-accent:#9299ff}*,: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;overflow-x:hidden}#app{min-height:100vh;min-height:100dvh}.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-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;font-size:18px;margin-bottom:12px;box-shadow:0 4px 12px var(--accent-glow)}.app-logo__title{font-size:18px;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:#fff!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-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)}.sidebar-toggle{display:none;margin-right:4px!important;padding:8px!important;font-size:20px!important;color:var(--text-primary)!important}.sidebar-overlay{display:none}@media (max-width:768px){.sidebar-toggle{display:inline-flex;flex-shrink:0}.sidebar-overlay{display:block;position:fixed;inset:0;z-index:2000;background:rgba(15,20,25,.45);backdrop-filter:blur(2px)}.app-layout{overflow-x:hidden}.app-layout>.app-sidebar,.app-layout>.el-aside.app-sidebar{position:fixed!important;top:0;left:0;bottom:0;z-index:2001;width:min(280px,82vw)!important;flex:0 0 0!important;margin:0!important;transform:translateX(-105%);transition:transform var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-lg);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.app-layout.sidebar-open .app-sidebar{transform:translateX(0)}.app-layout>.el-container{width:100%!important;flex:1 1 auto!important;min-width:0}.app-header{justify-content:flex-start!important;gap:8px!important;padding:0 12px!important;padding-top:env(safe-area-inset-top)!important;height:calc(56px + env(safe-area-inset-top))!important;position:sticky;top:0;z-index:100}.app-header__name{display:none}.app-header__user{margin-left:auto;padding:4px;background:transparent}.app-header__logout{padding:8px!important;font-size:12px!important}.app-header .create-btn{display:none}.app-main{padding:16px 12px calc(28px + env(safe-area-inset-bottom))!important;min-width:0}.page-header{flex-direction:column;align-items:stretch;margin-bottom:16px;gap:12px}.page-header>.el-button{width:100%}.page-title{font-size:22px}.page-subtitle{font-size:13px}.content-panel,.platforms-config,.system-config,.user-list{overflow-x:auto;-webkit-overflow-scrolling:touch}.content-panel .el-table,.platforms-config .el-table,.user-list .el-table{min-width:640px}.platforms-config .el-table{min-width:720px}.pagination,.pagination-bar{display:flex;justify-content:center;padding:12px 4px 4px;overflow-x:auto}.pagination-bar .el-pagination,.pagination.el-pagination{white-space:nowrap}.el-dialog{width:92%!important;max-width:92vw;margin-top:8vh!important}.el-dialog__body{padding:16px 14px!important}.el-drawer{width:100%!important}.el-drawer__body{overflow-x:hidden}.el-form-item__label{float:none!important;display:block;text-align:left!important;line-height:1.4;padding:0 0 6px!important}.el-form-item__content{margin-left:0!important}.el-input-number .el-input__inner,.el-input__inner,.el-textarea__inner{font-size:16px!important}.el-autocomplete,.el-date-editor,.el-input,.el-input-number,.el-select{max-width:100%}.el-message-box{width:90%!important}.el-message{min-width:280px!important;max-width:calc(100vw - 24px)!important}.el-image-viewer__wrapper{z-index:3100!important}}@media (max-width:480px){.stat-card__value{font-size:26px}.stat-card{padding:18px 18px 16px}.app-logo{padding:22px 18px 18px}}