:root{--ink:#102c3e;--muted:#647985;--line:#dce7e9;--paper:#fff;--wash:#edf4f4;--teal:#0b9f91;--teal-dark:#087b71;--danger:#c94f4f;--shadow:0 24px 70px rgba(13,44,61,.16)}
*{box-sizing:border-box}
body.portal-page{margin:0;min-height:100vh;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 15%,rgba(15,166,151,.17),transparent 34%),linear-gradient(145deg,#f7fbfa 0%,#e6f0f1 100%)}
.portal-shell{min-height:100vh;display:grid;grid-template-columns:minmax(300px,460px) minmax(0,1fr)}
.portal-panel{display:flex;align-items:center;justify-content:center;padding:48px 36px}
.portal-card{width:min(100%,430px);background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:36px;box-shadow:var(--shadow)}
.portal-brand{display:flex;align-items:center;gap:14px;margin-bottom:34px}.portal-logo{display:grid;grid-template-columns:repeat(3,6px);align-items:end;gap:3px;width:34px;height:34px;padding:8px;border-radius:10px;background:var(--ink)}.portal-logo i{display:block;background:#25cbb7;border-radius:2px}.portal-logo i:nth-child(1){height:8px}.portal-logo i:nth-child(2){height:14px}.portal-logo i:nth-child(3){height:19px}.portal-brand strong{display:block;font-size:1.05rem}.portal-brand small{color:var(--muted)}
.portal-card h1{font-size:2rem;line-height:1.2;margin:0 0 10px}.portal-card>p{color:var(--muted);line-height:1.7;margin:0 0 28px}
.portal-form{display:grid;gap:18px}.portal-form label{display:grid;gap:8px;font-size:.92rem;font-weight:700}.portal-form input,.portal-form select{width:100%;min-height:48px;padding:0 14px;border:1px solid #cddbdd;border-radius:12px;background:#fff;color:var(--ink);font:inherit;outline:none}.portal-form input:focus,.portal-form select:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(11,159,145,.12)}
.portal-button{min-height:50px;border:0;border-radius:12px;background:var(--teal);color:#fff;font:700 1rem inherit;cursor:pointer}.portal-button:hover{background:var(--teal-dark)}.portal-button:disabled{opacity:.55;cursor:wait}.portal-button.secondary{background:#e8f1f1;color:var(--ink)}.portal-button.danger{background:#fff1f1;color:var(--danger);border:1px solid #f0cccc}
.portal-error{min-height:22px;color:var(--danger);font-size:.9rem}.portal-link{display:block;text-align:center;margin-top:22px;color:var(--teal-dark);text-decoration:none}.portal-aside{display:flex;align-items:flex-end;padding:54px;background:linear-gradient(145deg,rgba(13,44,61,.9),rgba(8,123,113,.86)),radial-gradient(circle at 80% 25%,#25cbb7,transparent 32%);color:#fff}.portal-aside div{max-width:700px}.portal-aside p{font-size:.88rem;letter-spacing:.13em;text-transform:uppercase;color:#81e6d9}.portal-aside h2{font-size:clamp(2.4rem,5vw,5.8rem);line-height:1.02;margin:10px 0 18px;max-width:780px}.portal-aside span{display:block;max-width:600px;line-height:1.8;color:#d5eeee}
.admin-shell{min-height:100vh;background:#edf4f4;padding:32px}.admin-top{max-width:1280px;margin:0 auto 24px;display:flex;justify-content:space-between;align-items:center;gap:18px}.admin-top h1{margin:0;font-size:1.8rem}.admin-top p{margin:7px 0 0;color:var(--muted)}.admin-actions{display:flex;gap:10px}.admin-actions a,.admin-actions button{padding:11px 16px;border-radius:10px;border:1px solid #ccdadd;background:#fff;color:var(--ink);font:700 .92rem inherit;text-decoration:none;cursor:pointer}.admin-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:380px minmax(0,1fr);gap:22px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 10px 28px rgba(13,44,61,.06)}.admin-card h2{margin:0 0 18px}.admin-card .portal-form{gap:14px}.store-options{max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:8px}.store-option{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px!important;padding:10px;border-radius:9px;font-weight:500!important}.store-option:hover{background:#f1f7f7}.store-option input{width:18px!important;min-height:18px!important;margin-top:2px}.store-option span{display:grid}.store-option small{color:var(--muted);font-weight:400}.user-list{display:grid;gap:14px}.user-card{border:1px solid var(--line);border-radius:14px;padding:18px}.user-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.user-head h3{margin:0}.user-head p{margin:5px 0 0;color:var(--muted)}.pill{padding:5px 9px;border-radius:999px;background:#e4f6f2;color:#087b71;font-size:.8rem;font-weight:700}.pill.pending{background:#fff4d6;color:#9b6a00}.pill.disabled{background:#f1f1f1;color:#6a6a6a}.user-tools{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:16px}.user-tools input{min-height:42px;padding:0 12px;border:1px solid #cddbdd;border-radius:9px}.user-stores{margin-top:13px;color:var(--muted);font-size:.88rem;line-height:1.6}.empty-note{padding:28px;text-align:center;color:var(--muted)}
.xf-user{position:fixed;right:20px;bottom:18px;z-index:1200;display:flex;align-items:center;gap:10px;padding:9px 10px 9px 14px;border:1px solid rgba(199,218,221,.9);border-radius:14px;background:rgba(255,255,255,.95);box-shadow:0 10px 30px rgba(13,44,61,.13);backdrop-filter:blur(12px)}.xf-user-text{display:grid;line-height:1.2}.xf-user-text strong{font-size:.86rem}.xf-user-text small{font-size:.72rem;color:var(--muted)}.xf-user a,.xf-user button{border:0;background:#e8f4f3;color:var(--ink);border-radius:9px;padding:8px 10px;font:700 .78rem inherit;text-decoration:none;cursor:pointer}
@media(max-width:900px){.portal-shell{grid-template-columns:1fr}.portal-aside{display:none}.portal-panel{padding:28px 18px}.admin-shell{padding:20px 14px}.admin-top{align-items:flex-start;flex-direction:column}.admin-grid{grid-template-columns:1fr}.xf-user{right:12px;bottom:12px}}