:root{font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;color:#142033;background:#f4f6f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--color-ink: #142033;--color-muted: #697386;--color-canvas: #f4f6f8;--color-surface: #ffffff;--color-line: #e3e7ec;--color-brand: #ff5a36;--color-brand-strong: #e94320;--color-navy: #081522;--color-navy-soft: #102436;--color-purple: #7856ff;--color-blue: #2583ff;--color-teal: #1f8a70;--color-warning: #b9770e;--color-danger: #b9382d;--shadow-sm: 0 8px 24px rgba(23, 32, 51, .06);--shadow-md: 0 18px 50px rgba(18, 32, 51, .1);--shadow-lg: 0 26px 80px rgba(7, 17, 31, .14);--radius-sm: 12px;--radius-md: 20px;--radius-lg: 30px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--content-max: 1240px}*{box-sizing:border-box}html{min-width:320px;background:var(--color-canvas)}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(255,90,54,.28);outline-offset:2px}.v4-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.v4-button{border:0;border-radius:999px;min-height:44px;padding:0 20px;font-weight:800;transition:.18s ease}.v4-button:hover{transform:translateY(-1px)}.v4-button--primary{color:#fff;background:var(--color-brand)}.v4-button--secondary{color:var(--color-ink);background:#edf0f3}.v4-button--ghost{color:inherit;background:transparent;border:1px solid var(--color-line)}.v4-button--danger{color:#fff;background:var(--color-danger)}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);background:var(--color-navy);color:#fff}.login-intro{min-height:100vh;padding:clamp(32px,6vw,88px);display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 14% 80%,rgba(255,90,54,.34),transparent 34%),linear-gradient(140deg,#07111f,#101f33)}.brand-lockup,.sidebar-brand,.login-panel__heading{display:flex;align-items:center;gap:14px}.brand-lockup>span,.sidebar-brand>span{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;color:#fff;background:var(--color-brand)}.brand-lockup div,.sidebar-brand div{display:grid;gap:3px}.brand-lockup small,.sidebar-brand small{color:#9eabba;font-weight:800;letter-spacing:.12em}.brand-lockup strong,.sidebar-brand strong{font-size:18px}.login-copy{max-width:750px}.login-copy>span{color:#ff9f86;font-weight:800}.login-copy h1{margin:18px 0;max-width:730px;font-size:clamp(42px,6vw,82px);line-height:1.02;letter-spacing:-.045em}.login-copy p{max-width:600px;color:#b7c1ce;font-size:18px;line-height:1.7}.login-principles{display:flex;gap:24px;flex-wrap:wrap;color:#d7dde5;font-weight:700}.login-principles span{display:flex;align-items:center;gap:8px}.mini-shield{color:#80d8c2}.login-panel{width:min(540px,calc(100% - 40px));align-self:center;justify-self:center;padding:clamp(24px,4vw,42px);color:var(--color-ink);box-shadow:var(--shadow-lg)}.login-panel__heading{margin-bottom:28px}.login-panel__heading>svg{color:var(--color-brand)}.login-panel__heading span{color:var(--color-brand-strong);font-size:12px;font-weight:900;letter-spacing:.08em}.login-panel__heading h2{margin:3px 0 0;font-size:28px}.role-login-grid{display:grid;gap:12px}.role-login-grid button{min-height:76px;display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid var(--color-line);border-radius:16px;padding:14px 16px;background:#fafbfc;color:var(--color-ink)}.role-login-grid button:hover{border-color:var(--color-brand);background:#fff7f4}.role-login-grid button div{display:grid;gap:4px}.role-login-grid strong{font-size:17px}.role-login-grid span{color:var(--color-muted);font-size:13px}.role-login-grid svg{color:var(--color-brand)}.login-panel form{display:grid;gap:12px}.login-panel label{display:grid;gap:8px;color:var(--color-muted);font-weight:700}.login-panel input{width:100%;min-height:52px;border:1px solid var(--color-line);border-radius:14px;padding:0 15px;color:var(--color-ink);background:#fafbfc}.login-note{margin:22px 0 0;color:var(--color-muted);font-size:12px;line-height:1.6}.field-error,.form-error{color:var(--color-danger)}.form-error{padding:11px 13px;margin-bottom:14px;border-radius:12px;background:#fff0ee;font-size:13px}.portal-shell{min-height:100vh;display:grid;grid-template-columns:290px minmax(0,1fr)}.portal-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 18px;color:#fff;background:var(--color-navy);z-index:20}.portal-sidebar .sidebar-brand{padding:0 8px 20px}.mobile-close{display:none}.account-summary{display:grid;gap:4px;margin:12px 4px 24px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff0e}.account-summary span{color:#ff9f86;font-size:11px;font-weight:900}.account-summary strong{font-size:17px}.account-summary small{color:#9eabba}.portal-sidebar nav{display:grid;gap:6px;overflow:auto}.portal-sidebar nav a{display:flex;align-items:flex-start;gap:12px;padding:13px;border-radius:14px;text-decoration:none;color:#aeb9c6}.portal-sidebar nav a:hover,.portal-sidebar nav a.active{color:#fff;background:#ffffff17}.portal-sidebar nav a.active i{color:var(--color-brand)}.portal-sidebar nav i{font-style:normal;font-size:11px;font-weight:900;padding-top:3px}.portal-sidebar nav span{display:grid;gap:3px}.portal-sidebar nav strong{font-size:14px}.portal-sidebar nav small{color:inherit;opacity:.7;font-size:10px;line-height:1.4}.sidebar-logout{margin-top:auto;display:flex;justify-content:center;align-items:center;gap:8px;border-color:#ffffff26}.portal-main{min-width:0}.portal-content{width:min(var(--content-max),100%);margin:0 auto;padding:clamp(28px,4vw,58px)}.mobile-header{display:none}.page-stack{display:grid;gap:28px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.page-heading span{color:var(--color-brand-strong);font-size:12px;font-weight:900;letter-spacing:.08em}.page-heading h1{margin:6px 0 8px;font-size:clamp(34px,5vw,56px);letter-spacing:-.04em}.page-heading p{color:var(--color-muted)}.status-badge{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:7px 11px;color:#596477;background:#edf0f3;font-size:11px;font-weight:900;white-space:nowrap}.status-badge--success{color:#11654f;background:#e5f6f0}.status-badge--warning{color:#865407;background:#fff3d9}.status-badge--danger{color:#982d25;background:#ffebe8}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat-card{padding:22px}.stat-card>span{color:var(--color-muted);font-size:12px;font-weight:800}.stat-card strong{display:block;margin:20px 0 12px;font-size:38px}.stat-card p{margin:0;color:var(--color-muted);font-size:12px}.foundation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.foundation-grid .v4-card{display:flex;gap:15px;padding:22px}.foundation-grid svg{flex:0 0 auto;color:var(--color-brand)}.foundation-grid h2{font-size:16px}.foundation-grid p{margin:0;color:var(--color-muted);font-size:13px;line-height:1.65}.empty-state{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.empty-state__mark{display:grid;place-items:center;width:64px;height:64px;margin-bottom:20px;border-radius:20px;color:#fff;background:var(--color-brand);font-weight:900}.empty-state h2{margin-bottom:9px}.empty-state p{max-width:560px;color:var(--color-muted);line-height:1.7}.empty-state a{color:var(--color-brand-strong);font-weight:800}.standalone-state{min-height:100vh;display:grid;place-items:center;padding:20px}.standalone-state>*{width:min(680px,100%)}.error-boundary{padding:36px}.error-boundary>span{color:var(--color-danger);font-weight:900}.error-boundary h1{margin-top:8px}.page-skeleton{min-height:100vh;display:grid;place-content:center;gap:10px}.page-skeleton span{display:block;width:220px;height:14px;border-radius:99px;background:#e3e7ec;animation:pulse 1.2s infinite alternate}.page-skeleton span:nth-child(2){width:160px}.page-skeleton span:nth-child(3){width:190px}@keyframes pulse{to{opacity:.35}}.nav-scrim{display:none}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-intro{min-height:48vh;padding:32px}.login-copy h1{font-size:clamp(38px,10vw,62px)}.login-principles{display:none}.login-panel{margin:28px auto}.portal-shell{display:block}.portal-sidebar{position:fixed;left:0;top:0;width:min(310px,88vw);transform:translate(-102%);transition:.2s ease}.portal-sidebar.is-open{transform:none}.mobile-close{display:grid;place-items:center;margin-left:auto;border:0;background:transparent;color:#fff}.nav-scrim{display:block;position:fixed;inset:0;border:0;background:#07111f8c;z-index:10}.mobile-header{height:62px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;padding:0 18px;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--color-line);z-index:8}.mobile-header button{display:grid;place-items:center;border:0;background:transparent}.mobile-header span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#fff;background:var(--color-brand);font-weight:900}.portal-content{padding:26px 18px 44px}.stat-grid,.foundation-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading h1{font-size:38px}}@media(max-width:520px){.login-intro{min-height:42vh}.brand-lockup>span{width:40px;height:40px}.login-copy h1{font-size:36px}.login-copy p{font-size:15px}.login-panel{width:calc(100% - 24px);padding:22px}.page-heading{display:grid}.empty-state{min-height:320px;padding:28px 20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.inline-notice{padding:13px 16px;border:1px solid #bfe7d8;border-radius:14px;color:#11654f;background:#ecfaf5;font-weight:700}.inline-notice--error{border-color:#f1c6c1;color:var(--color-danger);background:#fff1ef}.network-status{position:fixed;z-index:2000;top:12px;left:50%;transform:translate(-50%);width:min(680px,calc(100% - 24px));padding:12px 16px;border:1px solid #f1c6c1;border-radius:14px;color:var(--color-danger);background:#fff1ef;box-shadow:var(--shadow-card);font-weight:800;text-align:center}.store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.store-card{position:relative;display:flex;align-items:flex-start;gap:13px;padding:19px}.store-card>svg{flex:0 0 auto;color:var(--color-brand)}.store-card>div{min-width:0}.store-card>div>span,.card-heading span{color:var(--color-brand-strong);font-size:10px;font-weight:900;letter-spacing:.09em}.store-card h2{margin:5px 0 8px;font-size:16px}.store-card p{margin:0;color:var(--color-muted);font-size:11px;line-height:1.5}.store-card .status-badge{position:absolute;top:14px;right:14px}.management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.management-card{padding:24px}.card-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.card-heading>svg{color:var(--color-brand)}.card-heading h2{margin:4px 0 0;font-size:20px}.v4-form{display:grid;gap:13px}.v4-field{display:grid;gap:7px;color:var(--color-muted);font-size:12px;font-weight:800}.v4-field input,.v4-field select,.inline-action input,.inline-action select{width:100%;min-height:44px;border:1px solid var(--color-line);border-radius:12px;padding:0 12px;color:var(--color-ink);background:#fafbfc}.v4-field small{color:var(--color-danger)}.form-split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v4-form .v4-button{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:4px}.directory-card{padding:24px;overflow:hidden}.directory-table{display:grid;min-width:920px}.directory-row{display:grid;grid-template-columns:1.2fr .9fr 1fr .8fr .6fr 1.7fr;gap:14px;align-items:center;min-height:68px;padding:10px 4px;border-top:1px solid var(--color-line);font-size:13px}.directory-row--head{min-height:38px;border-top:0;color:var(--color-muted);font-size:10px;font-weight:900;letter-spacing:.08em}.directory-row>span{min-width:0}.directory-row span strong,.directory-row span small{display:block}.directory-row span small{margin-top:4px;color:var(--color-muted);font-size:10px}.row-actions .v4-button{min-height:34px;padding:0 12px;font-size:11px}.inline-action{display:grid;grid-template-columns:1fr;gap:6px}.inline-action input,.inline-action select{min-height:35px;font-size:11px}.assignment-list{display:grid;gap:10px}.assignment-list>div{display:grid;grid-template-columns:160px 1fr 2fr;gap:16px;padding:14px;border-radius:12px;background:#f6f7f9}.assignment-list span,.assignment-list small,.muted-copy{color:var(--color-muted)}.assignment-list small{line-height:1.5}.reset-row{display:flex;justify-content:flex-end}.reset-row .v4-button,.scope-callout{display:flex;align-items:center;gap:8px}.scope-callout{padding:20px;border-color:#f0d8ad;background:#fffaf0}.scope-callout svg{flex:0 0 auto;color:var(--color-warning)}.scope-callout h2{margin:0 0 5px;font-size:16px}.scope-callout p{margin:0;color:var(--color-muted);font-size:12px;line-height:1.6}.member-rule-card>svg{color:var(--color-brand)}.member-rule-card p{color:var(--color-muted);line-height:1.7}.member-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.member-list>div{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--color-line);border-radius:14px}.member-list>div>div{display:grid;gap:3px;flex:1}.member-list small{color:var(--color-muted)}.member-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#fff;background:var(--color-brand);font-weight:900}@media(max-width:1100px){.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.management-grid{grid-template-columns:1fr}.directory-card{overflow-x:auto}}@media(max-width:600px){.store-grid,.member-list,.form-split{grid-template-columns:1fr}.directory-card{padding:18px}.assignment-list>div{grid-template-columns:1fr;gap:5px}}.section-divider{padding-top:24px;border-top:2px solid var(--color-line)}.section-divider span,.order-main>span,.product-list article span,.approval-order span,.package-grid span{color:var(--color-brand-strong);font-size:10px;font-weight:900;letter-spacing:.08em}.section-divider h2{margin:5px 0 0;font-size:28px}.sales-rule-card>svg{color:var(--color-brand)}.sales-rule-card p{color:var(--color-muted);line-height:1.75}.sales-rule-card h2{margin-top:15px}.order-list{display:grid;gap:12px}.order-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;align-items:start;padding:17px;border:1px solid var(--color-line);border-radius:16px;background:#fbfcfd}.order-main h3{margin:5px 0 7px}.order-main p,.order-reason{margin:0;color:var(--color-muted);font-size:12px}.order-reason{grid-column:1/-1;padding:9px 11px;border-radius:10px;background:#fff7ed}.payment-action{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;padding-top:8px;border-top:1px solid var(--color-line)}.payment-action select{min-height:40px;border:1px solid var(--color-line);border-radius:12px;padding:0 10px;background:#fff}.payment-action .v4-button,.approval-actions .v4-button{display:flex;align-items:center;justify-content:center;gap:6px}.approval-list{display:grid;gap:14px}.approval-list>.v4-card{padding:22px}.approval-order{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;margin-bottom:16px}.approval-order>svg{color:var(--color-warning)}.approval-order h2{margin:5px 0;font-size:18px}.approval-order p{color:var(--color-muted);font-size:12px}.approval-order strong{font-size:12px}.approval-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}.product-list{display:grid;gap:10px}.product-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:15px;padding:14px;border:1px solid var(--color-line);border-radius:14px}.product-list h3{margin:4px 0;font-size:15px}.product-list p{margin:0;color:var(--color-muted);font-size:11px}.product-list>article>strong{white-space:nowrap}.reset-sales{width:max-content;display:flex;align-items:center;gap:7px;margin-left:auto}.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.package-grid>.v4-card{position:relative;display:flex;align-items:flex-start;gap:15px;padding:22px}.package-grid svg{color:var(--color-brand)}.package-grid h2{margin:5px 0 18px;font-size:18px}.package-grid strong{display:block;font-size:34px}.package-grid strong small{color:var(--color-muted);font-size:12px}.package-grid p{margin:9px 0 0;color:var(--color-muted);font-size:11px}.package-grid .status-badge{position:absolute;right:16px;top:16px}@media(max-width:600px){.order-list article,.approval-order,.product-list article{grid-template-columns:1fr}.order-list .status-badge,.approval-order .status-badge{grid-row:1}.payment-action,.approval-actions{flex-direction:column}.payment-action .v4-button,.approval-actions .v4-button{width:100%}.package-grid{grid-template-columns:1fr}}.schedule-list{display:grid;gap:12px}.schedule-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;align-items:start;padding:17px;border:1px solid var(--color-line);border-radius:16px;background:#fbfcfd}.schedule-list article>svg{color:var(--color-brand)}.schedule-list span{color:var(--color-brand-strong);font-size:10px;font-weight:900}.schedule-list h3{margin:5px 0}.schedule-list p{margin:0;color:var(--color-muted);font-size:12px}.schedule-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:9px;border-top:1px solid var(--color-line)}.schedule-actions input{min-width:210px;min-height:40px;border:1px solid var(--color-line);border-radius:12px;padding:0 11px}.schedule-actions .v4-button,.member-schedules .v4-button{display:flex;align-items:center;gap:6px}.venue-panel,.reversal-panel{margin-top:34px}.venue-list{display:grid;gap:9px}.venue-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--color-line);border-radius:12px}.venue-list span{color:var(--color-muted);font-size:12px}.icon-button--danger{color:#c6473a}.icon-button--danger:hover{background:#fff0ed}.member-schedules{margin-top:8px}.member-schedules .schedule-list article{grid-template-columns:auto minmax(0,1fr) auto auto}@media(max-width:600px){.schedule-list article,.member-schedules .schedule-list article{grid-template-columns:1fr}.schedule-actions{flex-direction:column}.schedule-actions input{min-width:0;width:100%}.schedule-actions .v4-button,.member-schedules .v4-button{width:100%;justify-content:center}}.v4-card{border-color:#dee3eae6;box-shadow:0 8px 30px #1220330e}.portal-shell{grid-template-columns:276px minmax(0,1fr)}.portal-sidebar{background:linear-gradient(180deg,#081522,#0b1c2b 58%,#10283a)}.portal-sidebar:after{content:"";position:absolute;inset:auto 0 0;height:220px;background:radial-gradient(circle at 20% 100%,rgba(255,91,53,.16),transparent 65%);pointer-events:none}.portal-sidebar nav a{position:relative}.portal-sidebar nav a.active:before{content:"";position:absolute;left:-18px;top:13px;bottom:13px;width:3px;border-radius:3px;background:var(--color-brand)}.sidebar-logout{position:relative;z-index:1}.desktop-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(28px,4vw,58px);border-bottom:1px solid var(--color-line);background:#ffffffd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:7}.global-search{width:min(400px,40vw);display:flex;align-items:center;gap:10px;color:#8a94a5;font-size:13px}.global-search kbd{display:flex;align-items:center;gap:3px;margin-left:auto;padding:4px 7px;border:1px solid var(--color-line);border-radius:7px;background:#f6f7f9;font-size:10px}.topbar-actions,.topbar-profile{display:flex;align-items:center;gap:12px}.topbar-actions>a{position:relative;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--color-line);border-radius:12px;background:#fff;color:inherit;text-decoration:none}.topbar-actions>a i{position:absolute;right:8px;top:7px;width:7px;height:7px;border:2px solid white;border-radius:50%;background:var(--color-brand)}.topbar-profile>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--color-brand),#ff8b68);font-weight:900}.topbar-profile div{display:grid;gap:2px}.topbar-profile strong{font-size:12px}.topbar-profile small{color:var(--color-muted);font-size:10px}.mobile-bottom-nav{display:none}.portal-content{padding-top:36px}.dashboard-page{display:grid;gap:20px}.dashboard-hero{position:relative;overflow:hidden;min-height:270px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:30px;align-items:center;padding:clamp(28px,4vw,48px);border-radius:30px;color:#fff;background:radial-gradient(circle at 82% 10%,rgba(255,115,76,.34),transparent 24%),linear-gradient(135deg,#071522,#10283a 72%,#19384e);box-shadow:var(--shadow-md)}.dashboard-hero:after{content:"";position:absolute;width:280px;height:280px;right:-100px;bottom:-180px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 35px #ffffff06,0 0 0 70px #ffffff05}.hero-copy{position:relative;z-index:1}.hero-kicker{display:inline-flex;align-items:center;gap:7px;color:#ffad96;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.hero-copy h1{max-width:720px;margin:13px 0 12px;font-size:clamp(34px,4.4vw,58px);line-height:1.05;letter-spacing:-.045em}.hero-copy>p{max-width:650px;margin-bottom:23px;color:#bdc8d3;font-size:14px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero-primary{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 19px;border-radius:99px;color:#fff;background:var(--color-brand);font-size:13px;font-weight:900;text-decoration:none}.hero-actions>span{display:flex;align-items:center;gap:7px;color:#aab8c5;font-size:12px}.hero-focus{position:relative;z-index:1;padding:24px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:#ffffff13;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-focus>span{color:#aab8c5;font-size:11px;font-weight:800}.hero-focus>strong{display:block;margin:12px 0 7px;font-size:30px;letter-spacing:-.03em}.hero-focus p{margin-bottom:17px;color:#d2d9e0;font-size:11px;line-height:1.5}.focus-progress{height:5px;border-radius:9px;background:#ffffff1f;overflow:hidden}.focus-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-brand),#ff9c7f)}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{display:flex;align-items:center;gap:14px;padding:18px}.metric-icon{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#f15a35;background:#fff0eb}.metric-icon svg{width:19px}.metric-card--purple .metric-icon{color:#6f50df;background:#f0edff}.metric-card--green .metric-icon{color:#167d65;background:#e8f7f2}.metric-card--blue .metric-icon{color:#2778d8;background:#eaf3ff}.metric-card>div:last-child{display:grid;gap:2px;min-width:0}.metric-card span,.metric-card small{color:var(--color-muted);font-size:10px}.metric-card strong{font-size:22px;letter-spacing:-.02em}.metric-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:18px}.dashboard-panel{min-width:0;padding:24px}.dashboard-panel--wide{min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.panel-heading span{color:var(--color-brand-strong);font-size:9px;font-weight:900;letter-spacing:.12em}.panel-heading h2{margin:5px 0 0;font-size:20px;letter-spacing:-.02em}.panel-heading button{display:flex;align-items:center;gap:3px;border:0;color:var(--color-muted);background:transparent;font-size:11px;font-weight:800}.timeline-list{display:grid}.timeline-row{display:grid;grid-template-columns:88px 12px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:66px;border-top:1px solid #edf0f3}.timeline-row:first-child{border-top:0}.timeline-row time{color:var(--color-muted);font-size:10px;font-weight:800}.timeline-dot{width:8px;height:8px;border:2px solid white;border-radius:50%;background:#9da6b4;box-shadow:0 0 0 2px #dfe3e8}.timeline-dot--success{background:var(--color-teal);box-shadow:0 0 0 2px #ccece3}.timeline-dot--warning{background:#f3a928;box-shadow:0 0 0 2px #ffe5b7}.timeline-dot--danger{background:var(--color-danger);box-shadow:0 0 0 2px #f8cfcb}.timeline-row strong{display:block;margin-bottom:4px;font-size:13px}.timeline-row p{margin:0;color:var(--color-muted);font-size:10px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid a{position:relative;display:grid;gap:7px;min-height:126px;padding:15px;border:1px solid var(--color-line);border-radius:16px;color:inherit;background:#fbfcfd;text-decoration:none;transition:.18s ease}.quick-grid a:hover{transform:translateY(-2px);border-color:#f4b5a5;box-shadow:var(--shadow-sm)}.quick-grid a>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:var(--color-brand);background:#fff0eb}.quick-grid a svg{width:17px}.quick-grid a>svg{position:absolute;right:11px;top:15px;color:#9da6b4}.quick-grid strong{font-size:12px}.quick-grid small{color:var(--color-muted);font-size:9px}.insight-visual{display:flex;align-items:center;gap:22px}.ring{--progress:75%;position:relative;flex:0 0 auto;width:112px;height:112px;display:grid;place-content:center;border-radius:50%;text-align:center;background:radial-gradient(circle,#fff 58%,transparent 60%),conic-gradient(var(--color-brand) var(--progress),#edf0f3 0)}.ring strong{font-size:24px}.ring span{color:var(--color-muted);font-size:9px}.insight-visual>div:last-child>strong{display:block;margin-bottom:7px;font-size:14px}.insight-visual p{max-width:280px;margin:0 0 10px;color:var(--color-muted);font-size:10px;line-height:1.6}.trend-up{display:flex;align-items:center;gap:5px;color:var(--color-teal);font-size:10px;font-weight:900}.notice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.notice-grid article{min-width:0;display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:16px;background:#f7f8fa}.notice-grid article>div{min-width:0}.notice-grid article>span{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:12px;color:var(--color-brand);background:#fff}.notice-grid svg{width:17px}.notice-grid strong{display:block;overflow-wrap:anywhere;font-size:12px}.notice-grid p{margin:5px 0 0;overflow-wrap:anywhere;color:var(--color-muted);font-size:10px;line-height:1.55}.dashboard-page--member .dashboard-hero{background:radial-gradient(circle at 82% 10%,rgba(126,86,255,.4),transparent 26%),linear-gradient(135deg,#10182b,#202348 72%,#352758)}.dashboard-page--member .hero-kicker{color:#c6b7ff}.dashboard-page--member .hero-primary{background:#7d5cff}.dashboard-page--super .dashboard-hero{background:radial-gradient(circle at 85% 12%,rgba(37,131,255,.32),transparent 27%),linear-gradient(135deg,#061522,#0a2a43 70%,#0b3c5e)}@media(max-width:1100px){.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(4,1fr)}.quick-grid a{min-height:116px}}@media(max-width:900px){.desktop-topbar{display:none}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:8;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--color-line);background:#fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-bottom-nav a{display:grid;justify-items:center;gap:3px;color:#8791a2;text-decoration:none;font-size:10px}.mobile-bottom-nav a>span{display:grid;place-items:center;width:28px;height:24px;border-radius:8px;font-size:10px;font-weight:900}.mobile-bottom-nav a.active{color:var(--color-brand-strong);font-weight:800}.mobile-bottom-nav a.active>span{color:#fff;background:var(--color-brand)}.portal-content{padding:20px 16px 92px}.dashboard-hero{grid-template-columns:1fr;min-height:0}.hero-focus{max-width:440px}.quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.dashboard-page{gap:14px}.dashboard-hero{padding:25px 21px;border-radius:23px}.hero-copy h1{font-size:34px}.hero-copy>p{font-size:12px}.hero-focus{padding:18px}.metric-strip{gap:10px}.metric-card{padding:14px 11px;gap:10px}.metric-icon{width:36px;height:36px;border-radius:11px}.metric-card strong{font-size:18px}.metric-card small{font-size:8px}.dashboard-panel{padding:19px}.timeline-row{grid-template-columns:62px 9px minmax(0,1fr);gap:9px;padding:8px 0}.timeline-row>.status-badge{grid-column:3;width:max-content}.timeline-row p{line-height:1.45}.insight-visual{align-items:flex-start}.ring{width:92px;height:92px}.notice-grid{grid-template-columns:1fr}.quick-grid a{min-height:112px}.page-heading h1{font-size:34px}.management-card,.directory-card{border-radius:18px}}.v4-field textarea,.rating-box textarea{width:100%;min-height:96px;resize:vertical;border:1px solid var(--color-line);border-radius:12px;padding:11px 12px;color:var(--color-ink);background:#fafbfc;line-height:1.55}.v4-field textarea:focus,.rating-box textarea:focus{outline:3px solid rgba(255,90,54,.18);border-color:#f5a38e}.learning-panel{display:grid;gap:18px}.feedback-history{display:grid;align-content:start}.feedback-history article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px 0;border-top:1px solid var(--color-line)}.feedback-history article:first-of-type{border-top:0}.feedback-history p{margin:5px 0 0;color:var(--color-muted);font-size:11px;line-height:1.55}.growth-feed{display:grid;gap:18px}.growth-card{padding:25px}.growth-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.growth-card>header span{color:var(--color-brand-strong);font-size:10px;font-weight:900;letter-spacing:.06em}.growth-card h2{margin:6px 0 20px;font-size:22px}.feedback-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feedback-columns article{padding:17px;border-radius:15px;background:#f7f8fa}.feedback-columns strong,.homework strong{font-size:12px}.feedback-columns p,.homework p{margin:7px 0 0;color:var(--color-muted);font-size:11px;line-height:1.65}.homework{display:flex;gap:12px;margin-top:12px;padding:16px;border:1px solid #f1ddba;border-radius:15px;background:#fffaf0}.homework>svg{flex:0 0 auto;color:var(--color-warning)}.rating-box{display:grid;gap:13px;margin-top:18px;padding-top:18px;border-top:1px solid var(--color-line)}.rating-box>strong{display:flex;align-items:center;gap:7px;font-size:13px}.star-picker{display:flex;gap:5px}.star-picker button{display:grid;place-items:center;width:38px;height:38px;border:0;color:#c9ced6;background:transparent}.star-picker button.active{color:#f4aa24}.star-picker svg{fill:currentColor;width:24px}.rating-tags{display:flex;gap:7px;flex-wrap:wrap}.rating-tags button{min-height:32px;padding:0 11px;border:1px solid var(--color-line);border-radius:99px;color:var(--color-muted);background:#fff;font-size:10px;font-weight:800}.rating-tags button.active{border-color:#f4a58f;color:var(--color-brand-strong);background:#fff3ef}.rating-box>.v4-button{width:max-content}.rated-result{display:flex;align-items:center;gap:8px;margin-top:18px;padding:13px 15px;border-radius:14px;color:#946006;background:#fff7e5;font-size:11px}.rated-result svg{fill:#f4aa24;color:#f4aa24}.rated-result span{color:var(--color-muted)}.low-rating-panel{margin-top:34px}.growth-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}.growth-media-grid figure{overflow:hidden;margin:0;border:1px solid var(--color-line);border-radius:14px;background:#f7f8fa}.growth-media-grid img,.growth-media-grid video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#101820}.growth-media-grid figcaption{display:flex;align-items:center;gap:5px;padding:9px 10px;color:var(--color-muted);font-size:10px}.icon-button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--color-line);border-radius:10px;color:var(--color-danger);background:#fff}.dimension-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dimension-grid label{display:grid;gap:7px;padding:12px;border:1px solid var(--color-line);border-radius:12px}.dimension-grid label span{display:flex;justify-content:space-between;color:var(--color-muted);font-size:10px;font-weight:800}.dimension-grid label b,.rating-box>strong b{color:var(--color-brand-strong)}.dimension-grid input{accent-color:var(--color-brand)}@media(max-width:600px){.feedback-columns{grid-template-columns:1fr}.growth-media-grid{grid-template-columns:1fr 1fr}.growth-card{padding:19px}.growth-card>header{display:grid}.rating-box>.v4-button{width:100%}.star-picker{justify-content:space-between}.low-rating-panel .form-split{grid-template-columns:1fr}}.energy-rules{display:grid;align-content:start}.energy-rules article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 0;border-top:1px solid var(--color-line)}.energy-rules article:first-of-type{border-top:0}.energy-rules article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#7856ff;background:#f0edff}.energy-rules article strong{font-size:12px}.energy-rules article p{margin:4px 0 0;color:var(--color-muted);font-size:9px;line-height:1.5}.energy-rules article b{color:#6f50df;font-size:13px}.energy-history{display:grid}.energy-history article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:15px 2px;border-top:1px solid var(--color-line)}.energy-history article:first-child{border-top:0}.energy-history strong{font-size:12px}.energy-history p{margin:5px 0 0;color:var(--color-muted);font-size:10px}.energy-history b{color:#6f50df}.energy-approval{margin-top:34px}.ranking-card article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--color-line)}.ranking-card article:first-of-type{border-top:0}.ranking-card article span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:#805d08;background:#fff4cf;font-size:10px;font-weight:900}.ranking-card article strong{font-size:12px}.ranking-card article b{color:#6f50df;font-size:13px}.evidence-preview{display:grid;gap:8px;padding:10px;border:1px solid var(--color-line);border-radius:14px;background:#f8fafc;color:var(--color-text);text-decoration:none}.evidence-preview img{display:block;width:100%;max-height:260px;object-fit:contain;border-radius:10px;background:#eef2f6}.evidence-preview span{display:flex;align-items:center;gap:6px;color:var(--color-muted);font-size:10px;font-weight:700}.evidence-preview--compact{margin-top:10px;max-width:220px}.evidence-preview--compact img{max-height:120px}.evidence-preview--approval{margin-top:12px;max-width:320px}.evidence-preview--approval img{max-height:180px}@media(max-width:600px){.energy-history article{grid-template-columns:minmax(0,1fr) auto}.energy-history .status-badge{grid-column:1/-1}.energy-page .management-grid{grid-template-columns:1fr}}.honor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.honor-grid article{display:flex;gap:12px;padding:17px;border:1px solid #f0dfb3;border-radius:16px;background:#fffaf0}.honor-grid article>span{font-size:30px}.honor-grid strong{font-size:13px}.honor-grid p{margin:6px 0;color:var(--color-muted);font-size:10px;line-height:1.55}.honor-grid small{color:#946006;font-size:9px}.clearing-result{display:flex;justify-content:space-between;gap:12px;margin-top:14px;padding:12px;border-radius:12px;background:#f6f7f9;font-size:10px}.clearing-result span{color:var(--color-muted)}@media(max-width:700px){.honor-grid{grid-template-columns:1fr}.clearing-result{display:grid}}.shop-panel{display:grid;gap:18px}.shop-receiver{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:17px;border:1px solid var(--color-line);border-radius:17px;background:#fff}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.shop-card{position:relative;padding:20px}.shop-emoji{display:grid;place-items:center;width:58px;height:58px;margin-bottom:18px;border-radius:18px;background:linear-gradient(135deg,#fff0eb,#fff8f4);font-size:29px}.shop-card>.status-badge{position:absolute;right:16px;top:16px}.shop-card h3{margin:0 0 7px;font-size:16px}.shop-card>p{min-height:34px;color:var(--color-muted);font-size:10px;line-height:1.55}.shop-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:15px;border-top:1px solid var(--color-line)}.shop-card>div>strong{color:#6f50df;font-size:21px}.shop-card>div>strong small{font-size:9px}.shop-card .v4-button{display:flex;align-items:center;gap:5px;min-height:38px;padding:0 13px;font-size:10px}.shop-panel>.directory-card{margin-top:4px}@media(max-width:900px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.shop-receiver,.shop-grid{grid-template-columns:1fr}.shop-card>p{min-height:0}}.refund-panel{display:grid;gap:18px}.refund-list{display:grid;gap:10px}.refund-list>.v4-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:15px;padding:17px}.refund-list span{color:var(--color-brand-strong);font-size:9px;font-weight:900}.refund-list strong{display:block;margin:5px 0;font-size:13px}.refund-list p{margin:0;color:var(--color-muted);font-size:10px}.refund-list b{font-size:14px}.refund-panel .muted-copy{line-height:1.75}.sales-workbench>.refund-panel{margin-top:8px}@media(max-width:600px){.refund-list>.v4-card{grid-template-columns:1fr auto}.refund-list .status-badge{grid-column:1/-1}}.governance-management{display:grid;gap:18px;margin-top:34px}.role-checks{display:flex;gap:7px;flex-wrap:wrap}.role-checks button{min-height:32px;padding:0 12px;border:1px solid var(--color-line);border-radius:99px;color:var(--color-muted);background:#fff;font-size:10px;font-weight:800}.role-checks button.active{border-color:#f3a18a;color:var(--color-brand-strong);background:#fff1ed}.target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.target-card{padding:18px}.target-card header{display:flex;justify-content:space-between;gap:12px}.target-card span{color:var(--color-brand-strong);font-size:9px;font-weight:900}.target-card h3{margin:5px 0 16px;font-size:14px}.target-progress{height:7px;border-radius:10px;background:#edf0f3;overflow:hidden}.target-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-brand),#ff9b7e)}.target-card p{margin:9px 0 0;color:var(--color-muted);font-size:10px}.profile-card{display:flex;align-items:center;gap:15px;padding:22px}.profile-card>span{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;color:#fff;background:linear-gradient(135deg,var(--color-brand),#ff9270);font-size:20px;font-weight:900}.profile-card>div{flex:1}.profile-card strong{font-size:16px}.profile-card p{margin:5px 0 0;color:var(--color-muted);font-size:11px}.profile-card>svg{color:var(--color-teal)}.announcement-list{display:grid;gap:11px}.announcement-list>.v4-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;padding:19px}.announcement-list>.v4-card>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--color-brand);background:#fff0eb}.announcement-list small{color:var(--color-brand-strong);font-size:9px;font-weight:900}.announcement-list h3{margin:5px 0 7px;font-size:14px}.announcement-list p{margin:0;color:var(--color-muted);font-size:11px;line-height:1.6}.announcement-list>.v4-card>svg{color:var(--color-muted)}.export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.export-grid>.v4-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:18px}.export-grid>.v4-card>svg{color:var(--color-blue)}.export-grid strong{font-size:13px}.export-grid p{margin:4px 0 0;color:var(--color-muted);font-size:9px}@media(max-width:600px){.target-grid,.export-grid{grid-template-columns:1fr}.announcement-list>.v4-card{grid-template-columns:auto minmax(0,1fr)}.announcement-list>.v4-card>svg{display:none}}.profile-security-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-security-grid>.v4-card{display:flex;gap:12px;padding:18px}.profile-security-grid svg{flex:0 0 auto;color:var(--color-brand)}.profile-security-grid span,.account-detail-card span{color:var(--color-muted);font-size:9px;font-weight:900}.profile-security-grid strong,.account-detail-card strong{display:block;margin:5px 0;font-size:13px}.profile-security-grid p,.account-actions-card p{margin:0;color:var(--color-muted);font-size:10px;line-height:1.55}.account-detail-card,.account-actions-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px}.account-actions-card .v4-button{display:flex;align-items:center;gap:6px;white-space:nowrap}@media(max-width:700px){.profile-security-grid{grid-template-columns:1fr}.account-actions-card{align-items:flex-start;flex-direction:column}}.topbar-profile,.mobile-profile-link{color:inherit;text-decoration:none}.mobile-profile-link{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#fff;background:var(--color-brand);font-weight:900}