:root {
            --bg: #eef2f6;
            --surface: #ffffff;
            --surface-soft: #f7f9fb;
            --surface-tint: #edf7f5;
            --sidebar: #111419;
            --sidebar-2: #1b2028;
            --text: #26313f;
            --heading: #101820;
            --muted: #667587;
            --line: #ccd6e2;
            --line-soft: #e5ebf2;
            --primary: #08756f;
            --primary-strong: #055f5a;
            --primary-soft: #e2f3f0;
            --accent: #a66818;
            --danger: #b42318;
            --success: #167245;
            --warning: #9a6700;
            --shadow-sm: 0 1px 2px rgba(16, 24, 40, .05), 0 8px 24px rgba(16, 24, 40, .05);
            --shadow-md: 0 18px 48px rgba(16, 24, 40, .12);
            --shadow-lg: 0 26px 70px rgba(16, 24, 40, .18);
            --radius: 8px;
            --sidebar-width: 286px;
        }
        * { box-sizing: border-box; }
        [hidden] { display: none !important; }
        html { min-height: 100%; }
        body {
            min-height: 100%;
            margin: 0;
            background:
                linear-gradient(180deg, rgba(8, 117, 111, .08), rgba(8, 117, 111, 0) 330px),
                linear-gradient(90deg, rgba(16, 24, 40, .035) 1px, transparent 1px),
                linear-gradient(180deg, rgba(16, 24, 40, .035) 1px, transparent 1px),
                var(--bg);
            background-size: auto, 28px 28px, 28px 28px, auto;
            color: var(--text);
            font-family: "Inter", "Segoe UI", Arial, "Microsoft YaHei", sans-serif;
            font-size: 14px;
            line-height: 1.5;
        }
        a { color: var(--primary); text-decoration: none; }
        a:hover { color: var(--primary-strong); }
        button, input, select, textarea { letter-spacing: 0; }
        input, select, textarea {
            font-size: max(16px, 1em);
            touch-action: manipulation;
        }
        .app-frame {
            min-height: 100vh;
            display: grid;
            grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
        }
        .sidebar {
            position: sticky;
            top: 0;
            height: 100vh;
            overflow-y: auto;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, 0)),
                linear-gradient(135deg, var(--sidebar), var(--sidebar-2));
            border-right: 1px solid rgba(255, 255, 255, .10);
            padding: 18px 16px;
            color: #d0d7e2;
            box-shadow: 8px 0 40px rgba(16, 24, 40, .14);
        }
        .sidebar::before {
            content: "";
            position: fixed;
            inset: 0 auto 0 0;
            width: var(--sidebar-width);
            pointer-events: none;
            background:
                linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px),
                linear-gradient(180deg, rgba(255, 255, 255, .04) 1px, transparent 1px);
            background-size: 32px 32px;
            mask-image: linear-gradient(180deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .16));
        }
        .brand-block {
            display: flex;
            align-items: center;
            gap: 12px;
            position: relative;
            z-index: 1;
            padding: 12px 10px 18px;
            border-bottom: 1px solid rgba(255, 255, 255, .10);
            margin-bottom: 14px;
        }
        .brand-mark {
            width: 42px;
            height: 42px;
            border-radius: 8px;
            display: block;
            flex: 0 0 auto;
            object-fit: cover;
            background: #0b2b3c;
            box-shadow: 0 12px 30px rgba(8, 117, 111, .24);
        }
        .brand-title {
            display: block;
            color: #ffffff;
            font-size: 16px;
            font-weight: 800;
            line-height: 1.2;
        }
        .brand-subtitle {
            display: block;
            color: #98a2b3;
            font-size: 12px;
            margin-top: 2px;
        }
        .nav-section-title {
            color: #98a2b3;
            font-size: 12px;
            font-weight: 800;
            padding: 10px 10px 8px;
            position: relative;
            z-index: 1;
        }
        .side-nav {
            display: flex;
            flex-direction: column;
            gap: 6px;
            position: relative;
            z-index: 1;
        }
        .side-nav a,
        .side-nav button {
            width: 100%;
            min-height: 43px;
            display: flex;
            align-items: center;
            gap: 10px;
            border: 1px solid transparent;
            border-radius: 8px;
            background: transparent;
            color: #cbd5e1;
            padding: 9px 10px;
            font: inherit;
            text-align: left;
            cursor: pointer;
        }
        .side-nav a:hover,
        .side-nav button:hover {
            background: rgba(255, 255, 255, .08);
            border-color: rgba(255, 255, 255, .08);
            color: #ffffff;
        }
        .side-nav a.active {
            background: linear-gradient(180deg, #ffffff, #f4f8f8);
            color: #111827;
            border-color: rgba(255, 255, 255, .82);
            box-shadow: 0 12px 28px rgba(0, 0, 0, .18);
        }
        .nav-dot {
            width: 25px;
            height: 25px;
            border-radius: 7px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: rgba(255, 255, 255, .08);
            color: #d0d7e2;
            flex: 0 0 auto;
        }
        .nav-icon {
            width: 15px;
            height: 15px;
            display: block;
        }
        .nav-label {
            min-width: 0;
        }
        .nav-badge {
            min-width: 20px;
            height: 20px;
            margin-left: auto;
            padding: 0 6px;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, #1d4ed8, #06b6d4);
            color: #ffffff;
            font-size: 12px;
            font-weight: 800;
            line-height: 1;
            box-shadow: 0 8px 18px rgba(37, 99, 235, .28);
            flex: 0 0 auto;
        }
        .mobile-menu-label {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .mobile-nav-badge,
        .mobile-tab-badge {
            min-width: 18px;
            height: 18px;
            padding: 0 5px;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, #1d4ed8, #06b6d4);
            color: #ffffff;
            font-size: 11px;
            font-weight: 900;
            line-height: 1;
            box-shadow: 0 8px 18px rgba(37, 99, 235, .24);
        }
        .mobile-nav-badge {
            margin-left: auto;
            flex: 0 0 auto;
        }
        .mobile-tabbar a {
            position: relative;
        }
        .mobile-tab-badge {
            position: absolute;
            top: 8px;
            right: 11px;
            z-index: 2;
        }
        .side-nav a.active .nav-dot {
            background: var(--primary-soft);
            color: var(--primary-strong);
        }
        .side-nav a.active .nav-badge {
            background: linear-gradient(135deg, #0f766e, #0ea5e9);
            color: #ffffff;
        }
        .mobile-menu-grid a.active .mobile-nav-badge,
        .mobile-tabbar a.active .mobile-tab-badge {
            background: linear-gradient(135deg, #0f766e, #0ea5e9);
            color: #ffffff;
        }
        .sidebar-meta {
            margin: 18px 8px 0;
            padding: 13px;
            border: 1px solid rgba(255, 255, 255, .12);
            border-radius: 8px;
            background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03));
            color: #a9b4c3;
            font-size: 12px;
            position: relative;
            z-index: 1;
        }
        .support-modal {
            position: fixed;
            inset: 0;
            z-index: 80;
            display: grid;
            place-items: center;
            padding: 24px;
            background: rgba(2, 18, 32, .58);
            backdrop-filter: blur(10px);
        }
        .support-modal[hidden] {
            display: none;
        }
        .support-modal-panel {
            width: min(620px, 100%);
            overflow: hidden;
            border: 1px solid rgba(135, 181, 216, .46);
            border-radius: 22px;
            background:
                radial-gradient(circle at 82% 10%, rgba(31, 122, 255, .12), transparent 30%),
                linear-gradient(145deg, rgba(255, 255, 255, .99), rgba(239, 250, 255, .98)),
                #ffffff;
            box-shadow: 0 34px 90px rgba(15, 36, 64, .30);
        }
        .support-modal-head {
            display: flex;
            justify-content: space-between;
            gap: 16px;
            padding: 26px 28px 18px;
            border-bottom: 1px solid rgba(180, 218, 240, .58);
            background:
                radial-gradient(circle at top right, rgba(20, 184, 166, .13), transparent 36%),
                linear-gradient(180deg, rgba(244, 252, 255, .96), rgba(255, 255, 255, .92));
        }
        .support-kicker {
            display: inline-flex;
            align-items: center;
            padding: 5px 9px;
            border-radius: 999px;
            background: rgba(0, 133, 128, .10);
            color: var(--primary-strong);
            font-size: 11px;
            font-weight: 900;
        }
        .support-modal-head h2 {
            margin: 10px 0 0;
            color: var(--heading);
            font-size: 28px;
            line-height: 1.16;
        }
        .support-modal-head p {
            max-width: 420px;
            margin: 8px 0 0;
            color: #52677d;
            font-size: 14px;
            line-height: 1.7;
        }
        .support-modal-close {
            width: 40px;
            height: 40px;
            border: 1px solid rgba(110, 154, 185, .38);
            border-radius: 50%;
            background: rgba(255, 255, 255, .92);
            color: #17314d;
            cursor: pointer;
            font: inherit;
            font-size: 24px;
            font-weight: 800;
            line-height: 1;
        }
        .support-modal-body {
            display: grid;
            grid-template-columns: 196px minmax(0, 1fr);
            gap: 18px;
            padding: 22px 28px 24px;
        }
        .support-modal-body.without-qr {
            grid-template-columns: 1fr;
        }
        .support-qr-card {
            display: grid;
            place-items: center;
            gap: 12px;
            align-self: start;
            padding: 16px;
            border: 1px solid rgba(180, 218, 240, .78);
            border-radius: 18px;
            background:
                linear-gradient(180deg, #ffffff, #f4fbff);
            box-shadow: 0 12px 30px rgba(15, 36, 64, .08);
        }
        .support-qr-card img {
            width: 156px;
            height: 156px;
            object-fit: cover;
            border-radius: 12px;
            background: #fff;
        }
        .support-qr-card span {
            color: #52677d;
            font-size: 12px;
            font-weight: 800;
        }
        .support-contact-list {
            display: grid;
            align-content: start;
            gap: 12px;
            min-width: 0;
        }
        .support-contact-title {
            color: #0f2740;
            font-size: 14px;
            font-weight: 900;
        }
        .support-contact-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: center;
            gap: 14px;
            min-height: 66px;
            padding: 14px 16px;
            border: 1px solid rgba(180, 218, 240, .72);
            border-radius: 16px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(247, 252, 255, .88));
            box-shadow: 0 10px 24px rgba(15, 36, 64, .06);
        }
        .support-contact-row.is-static {
            grid-template-columns: 1fr;
            background: linear-gradient(180deg, rgba(245, 251, 255, .92), rgba(255, 255, 255, .9));
        }
        .support-contact-row span {
            display: block;
            color: #667891;
            font-size: 12px;
            font-weight: 800;
        }
        .support-contact-row strong {
            display: block;
            min-width: 0;
            overflow-wrap: anywhere;
            color: var(--heading);
            font-size: 15px;
            margin-top: 3px;
        }
        .support-contact-row button {
            min-height: 34px;
            border: 1px solid rgba(0, 133, 128, .22);
            border-radius: 999px;
            background: rgba(0, 133, 128, .07);
            color: var(--primary-strong);
            cursor: pointer;
            font: inherit;
            font-size: 12px;
            font-weight: 900;
            padding: 0 12px;
        }
        .support-empty {
            padding: 18px;
            border: 1px dashed rgba(110, 154, 185, .5);
            border-radius: 14px;
            color: #667891;
            background: rgba(255, 255, 255, .7);
        }
        .support-modal-actions {
            display: flex;
            justify-content: flex-end;
            gap: 10px;
            padding: 0 26px 24px;
        }
        @media (max-width: 680px) {
            .support-modal {
                align-items: end;
                padding: 14px;
            }
            .support-modal-panel {
                border-radius: 22px;
            }
            .support-modal-head {
                padding: 20px 18px 14px;
            }
            .support-modal-head h2 {
                font-size: 24px;
            }
            .support-modal-body {
                grid-template-columns: 1fr;
                padding: 16px 18px 18px;
            }
            .support-qr-card img {
                width: 178px;
                height: 178px;
            }
            .support-modal-actions {
                padding: 0 18px 20px;
            }
        }
        .main-area {
            min-width: 0;
            display: flex;
            flex-direction: column;
        }
        .topbar {
            min-height: 70px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding: 0 32px;
            background: rgba(255, 255, 255, .86);
            backdrop-filter: blur(16px);
            border-bottom: 1px solid var(--line);
            position: sticky;
            top: 0;
            z-index: 8;
            box-shadow: 0 10px 30px rgba(16, 24, 40, .06);
        }
        .top-title {
            min-width: 0;
            display: flex;
            flex-direction: column;
        }
        .top-title strong {
            color: var(--heading);
            font-size: 15px;
        }
        .top-title span {
            color: var(--muted);
            font-size: 12px;
        }
        .account-box {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 12px;
            color: var(--muted);
            white-space: nowrap;
        }
        .top-chip {
            min-height: 32px;
            display: inline-flex;
            align-items: center;
            border: 1px solid var(--line);
            border-radius: 999px;
            padding: 0 12px;
            background: linear-gradient(180deg, #ffffff, #f8fbfb);
            color: #475467;
            font-size: 12px;
            font-weight: 700;
        }
        .account-avatar {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--primary), #20a09a);
            border: 1px solid rgba(15, 118, 110, .16);
            color: #ffffff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: 800;
            object-fit: cover;
            box-shadow: 0 6px 16px rgba(15, 23, 42, .10);
        }
        .identity-row {
            display: flex;
            align-items: center;
            gap: 10px;
            min-width: 0;
        }
        .avatar-sm {
            width: 44px;
            height: 44px;
            flex: 0 0 auto;
            border-radius: 50%;
            border: 1px solid rgba(15, 118, 110, .14);
            background: linear-gradient(135deg, var(--primary), #20a09a);
            color: #ffffff;
            object-fit: cover;
            box-shadow: 0 6px 14px rgba(15, 23, 42, .10);
        }
        .avatar-sm.placeholder {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: 800;
        }
        .shell {
            width: 100%;
            max-width: 1560px;
            margin: 0 auto;
            padding: 30px 32px 60px;
        }
        .guest-frame {
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            background:
                linear-gradient(90deg, rgba(238, 242, 246, .96), rgba(238, 242, 246, .84) 42%, rgba(238, 242, 246, .28)),
                url('/assets/visual/platform-ops-bg-unified.webp') center right / cover no-repeat;
        }
        .guest-topbar {
            min-height: 72px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding: 0 40px;
            background: rgba(255, 255, 255, .80);
            backdrop-filter: blur(18px);
            border-bottom: 1px solid var(--line);
        }
        .guest-topbar .brand-title { color: var(--heading); }
        .guest-actions {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
        }
        .guest-shell {
            width: 100%;
            max-width: 1280px;
            margin: 0 auto;
            padding: 42px 28px 62px;
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .landing-frame {
            background:
                linear-gradient(180deg, rgba(247, 249, 251, .98), rgba(238, 242, 246, .96) 58%, rgba(255, 255, 255, .98)),
                linear-gradient(90deg, rgba(8, 117, 111, .05) 1px, transparent 1px),
                linear-gradient(180deg, rgba(16, 24, 40, .04) 1px, transparent 1px),
                #f4f7fa;
            background-size: auto, 34px 34px, 34px 34px, auto;
        }
        .landing-frame .guest-topbar {
            min-height: 78px;
            padding: 0 48px;
            background: rgba(255, 255, 255, .88);
            border-bottom-color: rgba(204, 214, 226, .72);
            box-shadow: 0 10px 32px rgba(16, 24, 40, .06);
        }
        .landing-shell {
            width: 100%;
            max-width: none;
            padding: 0;
            justify-content: flex-start;
        }
        .landing-page {
            width: 100%;
            overflow: hidden;
        }
        .landing-hero {
            position: relative;
            min-height: clamp(620px, 78vh, 760px);
            display: grid;
            align-items: center;
            padding: 72px max(42px, calc((100vw - 1420px) / 2)) 54px;
            color: #ffffff;
            isolation: isolate;
        }
        .landing-hero::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: -2;
            background:
                linear-gradient(90deg, rgba(8, 20, 31, .94), rgba(8, 35, 45, .84) 42%, rgba(8, 117, 111, .18)),
                url('/assets/visual/platform-ops-bg-unified.webp') center right / cover no-repeat;
        }
        .landing-hero::after {
            content: "";
            position: absolute;
            inset: auto 0 0;
            height: 180px;
            z-index: -1;
            background: linear-gradient(180deg, rgba(244, 247, 250, 0), #f4f7fa 86%);
        }
        .landing-hero-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(360px, 480px);
            gap: 48px;
            align-items: center;
        }
        .landing-kicker {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            min-height: 34px;
            padding: 5px 11px;
            border: 1px solid rgba(255, 255, 255, .22);
            border-radius: 999px;
            background: rgba(255, 255, 255, .08);
            color: #d4f2ef;
            font-size: 12px;
            font-weight: 800;
            backdrop-filter: blur(14px);
        }
        .landing-kicker span:first-child {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #d59a45;
            box-shadow: 0 0 0 6px rgba(213, 154, 69, .16);
        }
        .landing-hero h1 {
            max-width: 760px;
            margin: 22px 0 14px;
            color: #ffffff;
            font-size: 58px;
            line-height: 1.08;
            font-weight: 900;
        }
        .landing-subtitle {
            max-width: 760px;
            color: rgba(231, 238, 246, .88);
            font-size: 18px;
            line-height: 1.8;
        }
        .landing-actions {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
            margin-top: 30px;
        }
        .landing-actions .btn {
            min-height: 46px;
            padding: 10px 18px;
        }
        .landing-actions .btn.secondary {
            background: rgba(255, 255, 255, .08);
            color: #ffffff;
            border-color: rgba(255, 255, 255, .30);
            box-shadow: none;
        }
        .landing-actions .btn.secondary:hover {
            background: rgba(255, 255, 255, .16);
            color: #ffffff;
        }
        .landing-trust-strip {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 10px;
            max-width: 820px;
            margin-top: 32px;
        }
        .landing-trust-strip span {
            min-height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(255, 255, 255, .16);
            border-radius: 8px;
            background: rgba(255, 255, 255, .08);
            color: rgba(255, 255, 255, .88);
            font-size: 13px;
            font-weight: 800;
            backdrop-filter: blur(12px);
        }
        .landing-command {
            border: 1px solid rgba(255, 255, 255, .18);
            border-radius: 8px;
            background: rgba(7, 18, 30, .62);
            box-shadow: 0 28px 80px rgba(0, 0, 0, .32);
            backdrop-filter: blur(18px);
            overflow: hidden;
        }
        .landing-command-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            padding: 16px 18px;
            border-bottom: 1px solid rgba(255, 255, 255, .12);
            color: #ffffff;
        }
        .landing-command-head strong {
            display: block;
            font-size: 15px;
        }
        .landing-command-head span {
            display: block;
            color: rgba(231, 238, 246, .68);
            font-size: 12px;
            margin-top: 2px;
        }
        .landing-live-dot {
            min-width: 76px;
            min-height: 30px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            background: rgba(22, 114, 69, .18);
            color: #9ef0c5;
            font-size: 12px;
            font-weight: 800;
        }
        .landing-command-body {
            padding: 18px;
        }
        .landing-command-metrics {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
        }
        .landing-command-metric {
            min-height: 92px;
            border: 1px solid rgba(255, 255, 255, .12);
            border-radius: 8px;
            padding: 13px;
            background: rgba(255, 255, 255, .08);
        }
        .landing-command-metric span {
            color: rgba(231, 238, 246, .72);
            font-size: 12px;
            font-weight: 800;
        }
        .landing-command-metric strong {
            display: block;
            margin-top: 7px;
            color: #ffffff;
            font-size: 26px;
            line-height: 1.1;
        }
        .landing-command-list {
            display: grid;
            gap: 10px;
            margin-top: 16px;
        }
        .landing-command-row {
            display: grid;
            grid-template-columns: 92px minmax(0, 1fr) auto;
            gap: 12px;
            align-items: center;
            min-height: 44px;
            border: 1px solid rgba(255, 255, 255, .10);
            border-radius: 8px;
            padding: 9px 10px;
            background: rgba(255, 255, 255, .06);
        }
        .landing-command-row span {
            color: rgba(231, 238, 246, .68);
            font-size: 12px;
        }
        .landing-command-row strong {
            color: #ffffff;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .landing-command-row em {
            color: #d59a45;
            font-style: normal;
            font-weight: 800;
            white-space: nowrap;
        }
        .landing-section {
            width: min(1420px, calc(100% - 64px));
            margin: 0 auto;
            padding: 38px 0;
        }
        .landing-overview-section {
            margin-top: -38px;
            position: relative;
            z-index: 2;
            padding-top: 0;
        }
        .landing-overview-shell,
        .landing-workspace-board {
            border: 1px solid var(--line);
            border-radius: 8px;
            background: rgba(255, 255, 255, .96);
            box-shadow: 0 16px 45px rgba(16, 24, 40, .08);
        }
        .landing-overview-shell {
            overflow: hidden;
        }
        .landing-overview-title {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 24px;
            padding: 22px 26px 18px;
            border-bottom: 1px solid var(--line-soft);
        }
        .landing-overview-title h2 {
            margin: 0;
            font-size: 24px;
        }
        .landing-overview-title p {
            max-width: 660px;
            margin: 0;
            color: var(--muted);
        }
        .landing-kpi-strip {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            background: linear-gradient(180deg, #ffffff, #f8fafc);
        }
        .landing-kpi-item {
            min-height: 132px;
            padding: 22px 24px;
            border-right: 1px solid var(--line-soft);
        }
        .landing-kpi-item:last-child {
            border-right: 0;
        }
        .landing-kpi-item span {
            display: block;
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
        }
        .landing-kpi-item strong {
            display: block;
            margin-top: 9px;
            color: var(--heading);
            font-size: 34px;
            line-height: 1.1;
        }
        .landing-kpi-item em {
            display: block;
            margin-top: 9px;
            color: var(--muted);
            font-size: 12px;
            font-style: normal;
        }
        .landing-status-grid {
            display: grid;
            gap: 0;
            border-top: 1px solid var(--line-soft);
            background: #fbfcfd;
        }
        .landing-status-line {
            display: grid;
            grid-template-columns: 132px minmax(0, 1fr) 92px;
            align-items: center;
            gap: 16px;
            min-height: 54px;
            padding: 0 24px;
            border-bottom: 1px solid var(--line-soft);
        }
        .landing-status-line:last-child {
            border-bottom: 0;
        }
        .landing-status-line span {
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
        }
        .landing-status-line strong {
            color: #344054;
            font-size: 13px;
        }
        .landing-status-line em {
            justify-self: end;
            min-width: 62px;
            min-height: 26px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            background: var(--primary-soft);
            color: var(--primary-strong);
            font-size: 12px;
            font-style: normal;
            font-weight: 800;
        }
        .landing-section-head {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            gap: 20px;
            margin-bottom: 18px;
        }
        .landing-section-head h2 {
            margin: 0;
            font-size: 28px;
        }
        .landing-section-head p {
            max-width: 720px;
            color: var(--muted);
            margin: 6px 0 0;
        }
        .landing-workspace-board {
            display: grid;
            grid-template-columns: 330px minmax(0, 1fr);
            overflow: hidden;
        }
        .landing-workspace-side {
            min-height: 390px;
            padding: 26px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, 0)),
                linear-gradient(135deg, #101820, #123136);
            color: rgba(255, 255, 255, .86);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .landing-workspace-side span {
            color: #7fe5dd;
            font-size: 12px;
            font-weight: 900;
        }
        .landing-workspace-side h3 {
            margin: 18px 0 10px;
            color: #ffffff;
            font-size: 24px;
            line-height: 1.35;
        }
        .landing-workspace-side p {
            color: rgba(255, 255, 255, .68);
            margin: 0;
        }
        .landing-workspace-actions {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
            margin-top: 26px;
        }
        .landing-workspace-actions .btn.secondary {
            background: rgba(255, 255, 255, .08);
            color: #ffffff;
            border-color: rgba(255, 255, 255, .30);
            box-shadow: none;
        }
        .landing-workspace-matrix {
            display: grid;
            min-width: 780px;
        }
        .landing-matrix-row {
            display: grid;
            grid-template-columns: 150px repeat(3, minmax(0, 1fr));
            align-items: center;
            min-height: 78px;
            border-bottom: 1px solid var(--line-soft);
        }
        .landing-matrix-row:last-child {
            border-bottom: 0;
        }
        .landing-matrix-row > * {
            height: 100%;
            display: flex;
            align-items: center;
            padding: 14px 16px;
            border-right: 1px solid var(--line-soft);
        }
        .landing-matrix-row > *:last-child {
            border-right: 0;
        }
        .landing-matrix-head {
            min-height: 52px;
            background: #f5f8fb;
            color: #475467;
            font-size: 12px;
            font-weight: 900;
        }
        .landing-matrix-row strong {
            color: var(--heading);
            font-size: 14px;
            font-weight: 900;
        }
        .landing-matrix-row span {
            color: #344054;
            font-size: 13px;
        }
        .landing-process-rail {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 0;
            position: relative;
            padding: 22px 0 8px;
        }
        .landing-process-rail::before {
            content: "";
            position: absolute;
            top: 41px;
            left: 10%;
            right: 10%;
            height: 2px;
            background: linear-gradient(90deg, var(--primary), #d59a45);
            opacity: .46;
        }
        .landing-process-step {
            min-height: 176px;
            padding: 0 24px 0 0;
            position: relative;
        }
        .landing-process-step span {
            width: 40px;
            height: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            border: 6px solid #f4f7fa;
            background: #ffffff;
            color: var(--primary-strong);
            box-shadow: 0 0 0 1px var(--line), 0 10px 26px rgba(16, 24, 40, .08);
            position: relative;
            z-index: 1;
            font-weight: 900;
        }
        .landing-process-step h3 {
            margin: 24px 0 8px;
            color: var(--heading);
            font-size: 19px;
        }
        .landing-process-step p {
            margin: 0;
            color: var(--muted);
        }
        .page-title {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 16px;
            margin-bottom: 18px;
        }
        .page-title .title-copy {
            max-width: 780px;
        }
        .page-title p {
            color: var(--muted);
            margin-top: 6px;
        }
        .page-kicker {
            color: var(--primary);
            font-size: 12px;
            font-weight: 800;
            margin-bottom: 6px;
            letter-spacing: .03em;
        }
        h1 {
            margin: 0;
            color: var(--heading);
            font-size: 27px;
            line-height: 1.25;
        }
        h2 {
            margin: 0 0 14px;
            color: var(--heading);
            font-size: 17px;
            line-height: 1.35;
        }
        p { margin: 0 0 12px; }
        .panel {
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--radius);
            padding: 20px;
            margin-bottom: 18px;
            box-shadow: var(--shadow-sm);
        }
        .panel.flush { padding: 0; overflow: hidden; }
        .dashboard-hero {
            display: grid;
            grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
            gap: 16px;
            margin-bottom: 18px;
        }
        .hero-card,
        .quick-card {
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--radius);
            padding: 22px;
            box-shadow: var(--shadow-sm);
        }
        .hero-card {
            position: relative;
            overflow: hidden;
            background:
                linear-gradient(90deg, rgba(255, 255, 255, .98), rgba(255, 255, 255, .88)),
                url('/assets/visual/platform-ops-bg-unified.webp') center right / cover no-repeat;
        }
        .hero-card::before {
            content: "";
            position: absolute;
            inset: 0 auto 0 0;
            width: 5px;
            background: linear-gradient(180deg, var(--primary), var(--accent));
        }
        .hero-card h1 { font-size: 26px; }
        .hero-card p {
            max-width: 740px;
            color: var(--muted);
            margin-top: 8px;
        }
        .quick-card {
            background: linear-gradient(180deg, #ffffff, #fbfcfd);
        }
        .quick-card-title {
            color: var(--heading);
            font-weight: 800;
            margin-bottom: 12px;
        }
        .quick-list {
            display: grid;
            gap: 8px;
        }
        .quick-list a,
        .quick-list form button {
            width: 100%;
            min-height: 38px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border: 1px solid var(--line-soft);
            border-radius: 8px;
            padding: 8px 10px;
            background: #ffffff;
            color: #344054;
            font: inherit;
            cursor: pointer;
        }
        .quick-list a:hover,
        .quick-list form button:hover {
            border-color: #b7c8cf;
            background: var(--primary-soft);
            color: var(--primary-strong);
        }
        .grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
            gap: 14px;
        }
        .metric {
            min-height: 116px;
            border: 1px solid var(--line);
            border-radius: var(--radius);
            padding: 17px;
            background:
                linear-gradient(180deg, #ffffff, #fbfcfd);
            position: relative;
            overflow: hidden;
            box-shadow: var(--shadow-sm);
        }
        .metric::after {
            content: "";
            position: absolute;
            inset: 0 0 auto;
            height: 3px;
            background: linear-gradient(90deg, var(--primary), var(--accent));
        }
        .metric strong {
            display: block;
            margin-top: 10px;
            color: var(--heading);
            font-size: 27px;
            line-height: 1.1;
        }
        .metric .muted { font-size: 12px; }
        .metric.compact { min-height: 92px; }
        .metric.compact strong { font-size: 22px; }
        .detail-layout {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(320px, .48fr);
            gap: 16px;
            align-items: start;
            margin-top: 18px;
        }
        .detail-stack {
            display: grid;
            gap: 16px;
        }
        .detail-section + .detail-section {
            margin-top: 18px;
            padding-top: 18px;
            border-top: 1px solid var(--line-soft);
        }
        .detail-section h2 {
            margin-bottom: 10px;
        }
        .detail-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
        }
        .timeline {
            list-style: none;
            margin: 0;
            padding: 0;
            display: grid;
            gap: 0;
        }
        .timeline-item {
            position: relative;
            display: grid;
            grid-template-columns: 18px minmax(0, 1fr);
            gap: 10px;
            padding-bottom: 16px;
        }
        .timeline-item::before {
            content: "";
            position: absolute;
            left: 8px;
            top: 18px;
            bottom: 0;
            width: 1px;
            background: var(--line-soft);
        }
        .timeline-item:last-child {
            padding-bottom: 0;
        }
        .timeline-item:last-child::before {
            display: none;
        }
        .timeline-dot {
            width: 17px;
            height: 17px;
            border-radius: 999px;
            border: 4px solid #ffffff;
            background: #94a3b8;
            box-shadow: 0 0 0 1px var(--line);
            margin-top: 2px;
            z-index: 1;
        }
        .timeline-item.tone-good .timeline-dot { background: var(--success); }
        .timeline-item.tone-warn .timeline-dot { background: var(--warning); }
        .timeline-item.tone-bad .timeline-dot { background: var(--danger); }
        .timeline-item.tone-info .timeline-dot { background: var(--primary); }
        .timeline-body {
            min-width: 0;
            padding: 0 0 2px;
        }
        .timeline-head {
            display: flex;
            justify-content: space-between;
            gap: 10px;
            align-items: baseline;
        }
        .timeline-head strong {
            color: var(--heading);
        }
        .timeline-head span {
            color: var(--muted);
            font-size: 12px;
            white-space: nowrap;
        }
        .timeline-body p {
            margin: 5px 0 0;
            color: #475467;
            line-height: 1.7;
            word-break: break-word;
        }
        .empty-state {
            padding: 18px;
            border: 1px dashed var(--line);
            border-radius: 8px;
            color: var(--muted);
            background: #fbfcfd;
            text-align: center;
        }
        .dashboard-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(360px, .7fr);
            gap: 16px;
            align-items: start;
            margin-top: 18px;
        }
        .info-list {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
        }
        .info-item {
            border: 1px solid var(--line-soft);
            border-radius: 8px;
            padding: 11px 12px;
            background: #ffffff;
        }
        .info-item span {
            display: block;
            color: var(--muted);
            font-size: 12px;
        }
        .info-item strong {
            display: block;
            color: var(--heading);
            margin-top: 3px;
            word-break: break-word;
        }
        .trend-table th,
        .trend-table td {
            white-space: nowrap;
        }
        .trend-bar {
            width: 100%;
            min-width: 80px;
            height: 7px;
            border-radius: 999px;
            overflow: hidden;
            background: var(--line-soft);
        }
        .trend-bar span {
            display: block;
            height: 100%;
            background: linear-gradient(90deg, var(--primary), var(--accent));
        }
        .data-table,
        .panel:has(> table) {
            overflow-x: auto;
        }
        .data-table {
            width: 100%;
            border: 1px solid var(--line);
            border-radius: var(--radius);
            background: #ffffff;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            background: #ffffff;
        }
        th,
        td {
            border-bottom: 1px solid var(--line-soft);
            padding: 14px 15px;
            text-align: left;
            vertical-align: top;
        }
        th {
            background: #f5f8fb;
            color: #475467;
            font-size: 12px;
            font-weight: 800;
            white-space: nowrap;
        }
        tbody tr:hover td { background: #fbfcfd; }
        tbody tr:last-child td { border-bottom: 0; }
        .muted { color: var(--muted); }
        .amount {
            color: var(--heading);
            font-weight: 800;
            white-space: nowrap;
        }
        .status {
            display: inline-flex;
            align-items: center;
            min-height: 24px;
            padding: 2px 8px;
            border-radius: 999px;
            background: #edf2f7;
            color: #334155;
            font-size: 12px;
            font-weight: 800;
            white-space: nowrap;
        }
        .status.ok,
        .status.is-good { background: #e8f5ef; color: var(--success); }
        .status.warn,
        .status.is-warn { background: #fff5d7; color: var(--warning); }
        .status.bad,
        .status.is-bad { background: #feeceb; color: var(--danger); }
        .status.is-muted { background: #eef2f6; color: #64748b; }
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            min-height: 36px;
            padding: 8px 14px;
            border-radius: 8px;
            border: 1px solid var(--primary);
            background: linear-gradient(180deg, #0b837c, var(--primary));
            color: #ffffff;
            cursor: pointer;
            font: inherit;
            font-weight: 800;
            white-space: nowrap;
            box-shadow: 0 9px 20px rgba(8, 117, 111, .20);
        }
        .btn:hover {
            color: #ffffff;
            background: var(--primary-strong);
            border-color: var(--primary-strong);
        }
        .btn.secondary {
            background: linear-gradient(180deg, #ffffff, #f8fbfb);
            color: var(--primary);
            border-color: #b8c9ce;
            box-shadow: 0 1px 0 rgba(16, 24, 40, .04);
        }
        .btn.secondary:hover {
            color: var(--primary-strong);
            background: var(--primary-soft);
        }
        .btn.danger {
            background: var(--danger);
            border-color: var(--danger);
        }
        .btn.small {
            min-height: 29px;
            padding: 4px 10px;
            font-size: 12px;
        }
        .actions {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
        }
        .compact-actions {
            gap: 6px;
        }
        .task-action-form {
            min-width: 220px;
            display: grid;
            gap: 8px;
        }
        .task-action-form input {
            min-height: 34px;
            font-size: 12px;
        }
        .task-append-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 6px;
            align-items: center;
        }
        .toolbar-panel {
            background: rgba(255, 255, 255, .88);
            border: 1px solid var(--line);
            border-radius: var(--radius);
            padding: 14px;
            margin-bottom: 16px;
            box-shadow: var(--shadow-sm);
            backdrop-filter: blur(12px);
        }
        .content-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 320px;
            gap: 16px;
            align-items: start;
        }
        .aside-note {
            border: 1px solid var(--line);
            border-radius: var(--radius);
            padding: 16px;
            background: linear-gradient(180deg, #ffffff, #f8fbfb);
            box-shadow: var(--shadow-sm);
        }
        .aside-note strong {
            display: block;
            color: var(--heading);
            margin-bottom: 8px;
        }
        .aside-note ul {
            margin: 0;
            padding-left: 18px;
            color: var(--muted);
        }
        .aside-note li + li { margin-top: 8px; }
        .section-head {
            display: flex;
            justify-content: space-between;
            gap: 12px;
            align-items: flex-start;
            margin-bottom: 14px;
        }
        .section-head p {
            color: var(--muted);
            margin: 4px 0 0;
        }
        .form-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 15px;
        }
        .field {
            display: flex;
            flex-direction: column;
            gap: 6px;
            min-width: 0;
        }
        .field.full { grid-column: 1 / -1; }
        label {
            color: #344054;
            font-size: 13px;
            font-weight: 800;
        }
        input,
        select,
        textarea {
            width: 100%;
            min-height: 42px;
            border: 1px solid #cfd6e1;
            border-radius: 7px;
            padding: 8px 10px;
            font: inherit;
            background: linear-gradient(180deg, #ffffff, #fbfcfd);
            color: var(--text);
        }
        input:focus,
        select:focus,
        textarea:focus {
            outline: 2px solid rgba(15, 118, 110, .16);
            border-color: var(--primary);
        }
        textarea {
            min-height: 112px;
            resize: vertical;
        }
        .flash {
            border-radius: 7px;
            padding: 11px 13px;
            margin-bottom: 16px;
            font-weight: 800;
        }
        .flash.ok {
            background: #e8f5ef;
            color: var(--success);
            border: 1px solid #b8dec9;
        }
        .flash.bad {
            background: #feeceb;
            color: var(--danger);
            border: 1px solid #f3b9b3;
        }
        .announcement-overlay {
            position: fixed;
            inset: 0;
            z-index: 40;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
            background: rgba(15, 23, 42, .42);
        }
        .announcement-modal {
            width: min(680px, 100%);
            max-height: min(78vh, 760px);
            overflow-y: auto;
            border-radius: 8px;
            border: 1px solid var(--line);
            background: #ffffff;
            box-shadow: 0 24px 60px rgba(15, 23, 42, .24);
        }
        .announcement-head {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 12px;
            padding: 18px 20px;
            border-bottom: 1px solid var(--line-soft);
        }
        .announcement-head strong {
            display: block;
            color: var(--heading);
            font-size: 18px;
        }
        .announcement-head span {
            display: block;
            color: var(--muted);
            font-size: 12px;
            margin-top: 3px;
        }
        .announcement-close {
            min-width: 34px;
            min-height: 34px;
            border: 1px solid var(--line);
            border-radius: 7px;
            background: #ffffff;
            color: var(--muted);
            cursor: pointer;
            font: inherit;
            font-weight: 800;
        }
        .announcement-body { padding: 2px 20px 20px; }
        .announcement-item {
            padding: 16px 0;
            border-bottom: 1px solid var(--line-soft);
        }
        .announcement-item:last-child { border-bottom: 0; }
        .announcement-item h2 {
            margin-bottom: 8px;
            font-size: 18px;
        }
        .announcement-content {
            color: #344054;
            white-space: normal;
        }
        .announcement-content .rich-content {
            margin-top: 0;
        }
        .announcement-foot {
            display: flex;
            justify-content: flex-end;
            padding: 14px 20px 18px;
            border-top: 1px solid var(--line-soft);
        }
        .pagination {
            width: 100%;
            margin-top: 14px;
        }
        .platform-pagination {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 12px 14px;
            border: 1px solid var(--line);
            border-radius: 16px;
            background: rgba(255, 255, 255, .94);
            box-shadow: var(--shadow-sm);
            color: var(--muted);
            font-size: 13px;
        }
        .platform-pagination__summary {
            white-space: nowrap;
            font-weight: 800;
        }
        .platform-pagination__controls {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: flex-end;
            gap: 6px;
        }
        .platform-page-btn,
        .platform-page-ellipsis {
            min-width: 34px;
            height: 34px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            padding: 0 12px;
            font-weight: 900;
            line-height: 1;
            text-decoration: none;
        }
        .platform-page-btn {
            border: 1px solid #c9dfef;
            background: #fff;
            color: #0f6270;
            transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
        }
        .platform-page-btn:hover {
            border-color: rgba(18, 168, 216, .45);
            background: #edf9fd;
            transform: translateY(-1px);
        }
        .platform-page-btn.active {
            border-color: transparent;
            background: linear-gradient(135deg, var(--primary), #12a8d8);
            color: #fff;
            box-shadow: 0 10px 20px rgba(18, 168, 216, .18);
        }
        .platform-page-btn.disabled {
            cursor: not-allowed;
            opacity: .48;
            background: #f4f8fb;
            color: #7890a4;
            transform: none;
        }
        .platform-page-ellipsis {
            min-width: 24px;
            padding: 0 4px;
            color: #7890a4;
        }
        .platform-pagination svg {
            width: 16px !important;
            height: 16px !important;
        }
        @media (max-width: 760px) {
            .platform-pagination {
                display: grid;
                justify-items: center;
                padding: 12px;
                border-radius: 18px;
            }
            .platform-pagination__summary {
                white-space: normal;
                text-align: center;
            }
            .platform-pagination__controls {
                justify-content: center;
            }
            .platform-page-btn {
                min-width: 32px;
                height: 32px;
                padding: 0 10px;
                font-size: 12px;
            }
        }
        .review-form {
            display: flex;
            gap: 8px;
            align-items: center;
            flex-wrap: wrap;
        }
        .review-form input {
            min-width: 180px;
            width: auto;
        }
        .audit-filter {
            margin-bottom: 18px;
        }
        .audit-filter .form-grid {
            grid-template-columns: repeat(4, minmax(0, 1fr));
            align-items: end;
        }
        .audit-workbench {
            display: grid;
            gap: 14px;
        }
        .review-case {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
            gap: 0;
            border: 1px solid var(--line);
            border-radius: var(--radius);
            background: #ffffff;
            box-shadow: var(--shadow-sm);
            overflow: hidden;
        }
        .review-case-main {
            min-width: 0;
            padding: 18px;
        }
        .review-decision {
            display: flex;
            flex-direction: column;
            gap: 12px;
            border-left: 1px solid var(--line-soft);
            padding: 18px;
            background: linear-gradient(180deg, #fbfcfd, #f4f8f8);
        }
        .case-heading {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 14px;
        }
        .case-heading h2 {
            margin: 2px 0 0;
            color: var(--heading);
            font-size: 20px;
            line-height: 1.25;
        }
        .case-no {
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
        }
        .case-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            margin-top: 8px;
        }
        .case-summary {
            margin-top: 14px;
            padding: 14px;
            border: 1px solid var(--line-soft);
            border-radius: 8px;
            background: #fbfcfd;
            color: #344054;
        }
        .audit-meta-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 10px;
        }
        .audit-meta {
            min-height: 72px;
            border: 1px solid var(--line-soft);
            border-radius: 8px;
            padding: 10px 11px;
            background: #ffffff;
        }
        .audit-meta span {
            display: block;
            color: var(--muted);
            font-size: 12px;
            font-weight: 700;
        }
        .audit-meta strong {
            display: block;
            margin-top: 5px;
            color: var(--heading);
            word-break: break-word;
        }
        .risk-strip {
            display: grid;
            gap: 8px;
            margin-top: 14px;
        }
        .risk-row {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr) auto;
            gap: 10px;
            align-items: center;
            border: 1px solid #ead7b6;
            border-radius: 8px;
            padding: 10px 12px;
            background: #fffaf0;
        }
        .risk-row.is-high {
            border-color: #f0b8b3;
            background: #fff3f1;
        }
        .risk-row strong {
            color: var(--heading);
        }
        .decision-form {
            display: grid;
            gap: 10px;
        }
        .decision-form textarea {
            min-height: 88px;
            resize: vertical;
        }
        .decision-actions {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 8px;
        }
        .decision-actions.three {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .audit-detail-hero {
            display: grid;
            grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
            gap: 16px;
            margin-bottom: 18px;
        }
        .audit-command {
            border: 1px solid rgba(255, 255, 255, .16);
            border-radius: var(--radius);
            padding: 20px;
            color: #ffffff;
            background:
                linear-gradient(135deg, rgba(8, 117, 111, .96), rgba(16, 24, 40, .94)),
                url('/assets/visual/platform-ops-bg-unified.webp') center / cover no-repeat;
            box-shadow: var(--shadow-md);
        }
        .audit-command h2 {
            margin: 0;
            color: #ffffff;
            font-size: 24px;
        }
        .audit-command p {
            color: rgba(255, 255, 255, .78);
            margin: 8px 0 0;
        }
        .audit-command-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 10px;
            margin-top: 18px;
        }
        .audit-command-item {
            border: 1px solid rgba(255, 255, 255, .14);
            border-radius: 8px;
            padding: 12px;
            background: rgba(255, 255, 255, .08);
        }
        .audit-command-item span {
            color: rgba(255, 255, 255, .68);
            font-size: 12px;
            font-weight: 800;
        }
        .audit-command-item strong {
            display: block;
            margin-top: 6px;
            color: #ffffff;
            font-size: 18px;
            word-break: break-word;
        }
        .evidence-panel {
            display: grid;
            gap: 12px;
        }
        .evidence-box {
            border: 1px solid var(--line-soft);
            border-radius: 8px;
            padding: 14px;
            background: #ffffff;
        }
        .evidence-box h3 {
            margin: 0 0 8px;
            color: var(--heading);
            font-size: 15px;
        }
        .mini-list {
            display: grid;
            gap: 10px;
        }
        .mini-item {
            border: 1px solid var(--line-soft);
            border-radius: 8px;
            padding: 11px;
            background: #ffffff;
        }
        .mini-item strong {
            color: var(--heading);
        }
        .finance-case-amount {
            min-width: 160px;
            border: 1px solid rgba(10, 132, 129, .16);
            border-radius: 8px;
            padding: 12px 14px;
            background: linear-gradient(180deg, rgba(10, 132, 129, .08), rgba(255, 255, 255, .92));
            text-align: right;
        }
        .finance-case-amount span {
            display: block;
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
        }
        .finance-case-amount strong {
            display: block;
            margin-top: 4px;
            color: var(--heading);
            font-size: 24px;
            line-height: 1.1;
            white-space: nowrap;
        }
        .finance-proof {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
            margin-top: 10px;
        }
        .finance-proof span {
            max-width: 100%;
            word-break: break-all;
        }
        .finance-account-line {
            display: grid;
            grid-template-columns: 94px minmax(120px, .7fr) minmax(0, 1fr);
            gap: 10px;
            align-items: center;
            margin-top: 10px;
            border: 1px solid var(--line-soft);
            border-radius: 8px;
            padding: 10px 12px;
            background: #ffffff;
        }
        .finance-account-line span {
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
        }
        .finance-account-line strong {
            color: var(--heading);
            word-break: break-word;
        }
        .finance-account-line em {
            color: #344054;
            font-style: normal;
            word-break: break-all;
        }
        .finance-evidence-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            gap: 12px;
            margin-top: 14px;
        }
        .rich-editor {
            border: 1px solid var(--line);
            border-radius: var(--radius);
            background: linear-gradient(180deg, #ffffff, #f8fbfb);
            overflow: hidden;
            box-shadow: var(--shadow-sm);
        }
        .rich-editor-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 14px 16px;
            border-bottom: 1px solid var(--line-soft);
            background: linear-gradient(90deg, rgba(10, 132, 129, .08), rgba(255, 255, 255, .8));
        }
        .rich-editor-head strong {
            display: block;
            color: var(--heading);
            font-size: 15px;
        }
        .rich-editor-head span {
            display: block;
            margin-top: 3px;
            color: var(--muted);
            font-size: 12px;
        }
        .rich-editor-head .rich-meter {
            margin: 0;
            min-width: max-content;
            border: 1px solid rgba(10, 132, 129, .18);
            border-radius: 999px;
            padding: 5px 10px;
            background: rgba(10, 132, 129, .08);
            color: var(--primary-strong);
            font-weight: 800;
        }
        .rich-formatbar {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
            padding: 10px 14px;
            border-bottom: 1px solid var(--line-soft);
            background: #ffffff;
        }
        .rich-formatbar label {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            min-height: 34px;
            border: 1px solid var(--line);
            border-radius: 7px;
            padding: 5px 8px;
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
            background: #f8fafc;
        }
        .rich-formatbar select,
        .rich-formatbar input[type="color"] {
            width: auto;
            min-height: 24px;
            border: 0;
            padding: 0;
            background: transparent;
            color: var(--text);
            font-weight: 800;
        }
        .rich-formatbar input[type="color"] {
            width: 28px;
            cursor: pointer;
        }
        .rich-toolbar {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
            padding: 12px 14px;
            border-bottom: 1px solid var(--line-soft);
            background: #f8fafc;
        }
        .rich-tool,
        .rich-panel-head button,
        .rich-panel-actions .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 7px;
        }
        .rich-tool {
            min-height: 34px;
            border: 1px solid var(--line);
            border-radius: 7px;
            background: #ffffff;
            color: #344054;
            padding: 6px 11px;
            font: inherit;
            font-weight: 800;
            cursor: pointer;
        }
        .rich-tool .nav-icon,
        .rich-panel-head .nav-icon,
        .rich-panel-actions .nav-icon {
            width: 15px;
            height: 15px;
        }
        .rich-tool:hover {
            color: var(--primary-strong);
            background: var(--primary-soft);
            border-color: #b7c8cf;
        }
        .rich-insert-panel {
            border-bottom: 1px solid var(--line-soft);
            padding: 14px;
            background: #ffffff;
        }
        .rich-panel-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 12px;
        }
        .rich-panel-head strong {
            color: var(--heading);
            font-size: 15px;
        }
        .rich-panel-head button {
            width: 31px;
            height: 31px;
            border: 1px solid var(--line);
            border-radius: 7px;
            background: #ffffff;
            color: var(--muted);
            cursor: pointer;
        }
        .rich-panel-head button:hover {
            color: var(--danger);
            border-color: #f0b4ad;
            background: #fff5f3;
        }
        .rich-panel-grid {
            display: grid;
            grid-template-columns: minmax(160px, .8fr) minmax(220px, 1fr) minmax(220px, 1fr);
            gap: 12px;
        }
        .rich-panel-grid label {
            display: grid;
            gap: 6px;
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
        }
        .rich-panel-actions {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
            margin-top: 12px;
        }
        .rich-panel-actions .btn {
            min-height: 34px;
            padding: 7px 12px;
        }
        .rich-storage {
            display: grid;
            gap: 8px;
            padding: 11px 14px;
            border-top: 1px solid rgba(226, 232, 240, .72);
            border-bottom: 1px solid var(--line-soft);
            background: linear-gradient(90deg, rgba(10, 132, 129, .07), rgba(255, 255, 255, .9));
        }
        .rich-storage-copy {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            color: var(--muted);
            font-size: 12px;
        }
        .rich-storage-copy strong {
            color: var(--heading);
            font-size: 13px;
        }
        .rich-storage-copy b {
            color: var(--heading);
            font-weight: 900;
        }
        .rich-storage-copy em {
            font-style: normal;
            font-weight: 800;
        }
        .rich-storage-bar {
            height: 7px;
            overflow: hidden;
            border-radius: 999px;
            background: #e6edf3;
        }
        .rich-storage-bar span {
            display: block;
            height: 100%;
            border-radius: inherit;
            background: linear-gradient(90deg, var(--primary), #b78319);
            transition: width .2s ease;
        }
        .rich-policy-hint {
            min-height: 20px;
            margin-top: 10px;
            color: var(--muted);
            font-size: 12px;
            line-height: 1.6;
        }
        .rich-media-shell {
            display: grid;
            grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);
            min-height: 260px;
        }
        .rich-compose-pane {
            min-width: 0;
            border-right: 1px solid var(--line-soft);
            background: #ffffff;
        }
        .rich-canvas {
            min-height: 260px;
            padding: 16px;
            outline: none;
            line-height: 1.8;
            background:
                linear-gradient(180deg, rgba(10, 132, 129, .025), rgba(10, 132, 129, 0) 120px),
                #ffffff;
            color: var(--text);
            overflow: auto;
        }
        .rich-canvas:empty::before {
            content: attr(data-placeholder);
            color: #98a2b3;
        }
        .rich-canvas:focus {
            box-shadow: inset 0 0 0 2px rgba(10, 132, 129, .16);
        }
        .rich-canvas p,
        .rich-canvas div {
            margin: 0 0 10px;
        }
        .rich-canvas ul,
        .rich-canvas ol {
            margin: 0 0 10px 22px;
            padding: 0;
        }
        .rich-editor textarea {
            min-height: 260px;
            border: 0;
            border-radius: 0;
            resize: vertical;
            line-height: 1.8;
            background: linear-gradient(180deg, #ffffff, #fcfdfd);
        }
        .rich-editor textarea:focus {
            border-color: transparent;
        }
        .rich-preview {
            min-width: 0;
            min-height: 260px;
            padding: 14px;
            background: #f8fafc;
            overflow: auto;
        }
        .rich-preview-title {
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
            margin-bottom: 10px;
        }
        .rich-content {
            display: grid;
            gap: 12px;
        }
        .rich-content p {
            margin: 0;
            white-space: normal;
        }
        .rich-subtitle {
            margin: 2px 0 0;
            padding: 9px 11px;
            border-left: 3px solid var(--primary);
            border-radius: 7px;
            background: #ffffff;
            color: var(--heading);
            font-size: 16px;
            box-shadow: 0 1px 0 rgba(16, 24, 40, .04);
        }
        .media-block {
            margin: 0;
            border: 1px solid var(--line);
            border-radius: 8px;
            background: #ffffff;
            overflow: hidden;
            box-shadow: 0 1px 0 rgba(16, 24, 40, .04);
        }
        .media-block img,
        .media-block video {
            display: block;
            width: 100%;
            max-height: 420px;
            object-fit: contain;
            background: #0f172a;
        }
        .media-block figcaption {
            display: grid;
            gap: 3px;
            padding: 9px 11px;
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
        }
        .media-block figcaption span {
            color: var(--heading);
            font-size: 13px;
        }
        .media-block figcaption small {
            color: var(--muted);
            font-size: 11px;
            font-weight: 700;
        }
        .media-block.file {
            padding: 10px;
        }
        .media-block.file figcaption {
            padding: 8px 2px 0;
        }
        .rich-media-action {
            margin: 0 10px 10px;
            min-height: 30px;
            border: 1px solid #f0b4ad;
            border-radius: 7px;
            padding: 5px 10px;
            background: #fff5f3;
            color: var(--danger);
            font-size: 12px;
            font-weight: 900;
            cursor: pointer;
        }
        .rich-media-action:hover {
            background: #ffe8e3;
        }
        .rich-media-action:disabled {
            cursor: wait;
            opacity: .65;
        }
        .media-link {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            min-height: 46px;
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 10px 12px;
            background: #ffffff;
            color: var(--text);
            box-shadow: 0 1px 0 rgba(16, 24, 40, .04);
        }
        .media-link:hover {
            background: var(--primary-soft);
            color: var(--primary-strong);
        }
        .media-link span {
            min-width: 44px;
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
        }
        .media-link strong {
            flex: 1;
            word-break: break-word;
        }
        .hero-panel {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            gap: 18px;
            align-items: stretch;
        }
        .hero-copy {
            min-height: 430px;
            border: 1px solid var(--line);
            border-radius: var(--radius);
            padding: 46px;
            background: linear-gradient(90deg, rgba(255, 255, 255, .97), rgba(255, 255, 255, .90) 42%, rgba(255, 255, 255, .58) 64%, rgba(255, 255, 255, .18));
            box-shadow: var(--shadow-lg);
            display: flex;
            flex-direction: column;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }
        .hero-copy > *:not(.hero-visual-img) {
            position: relative;
            z-index: 1;
        }
        .hero-visual-img {
            position: absolute;
            inset: 0 0 0 auto;
            width: 62%;
            height: 100%;
            object-fit: cover;
            object-position: right center;
            opacity: .86;
            z-index: 0;
        }
        .hero-copy h1 {
            max-width: 720px;
            font-size: 44px;
            margin-bottom: 12px;
        }
        .hero-copy p {
            max-width: 740px;
            color: var(--muted);
            font-size: 15px;
        }
        .hero-stats {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
            margin-top: 24px;
        }
        .hero-stat {
            border: 1px solid var(--line-soft);
            border-radius: 8px;
            padding: 13px;
            background: rgba(255, 255, 255, .82);
        }
        .hero-stat strong {
            display: block;
            color: var(--heading);
            font-size: 20px;
            margin-top: 3px;
        }
        .auth-card {
            width: min(540px, 100%);
            max-width: 760px;
            margin: 0;
            background: rgba(255, 255, 255, .92);
            backdrop-filter: blur(18px);
            border: 1px solid var(--line);
            border-radius: var(--radius);
            padding: 30px;
            box-shadow: var(--shadow-lg);
        }
        .auth-card.wide {
            width: min(980px, 100%);
            max-width: 980px;
        }
        .auth-scene {
            width: 100%;
            display: grid;
            grid-template-columns: minmax(360px, 540px) minmax(0, 1fr);
            gap: 34px;
            align-items: stretch;
        }
        .auth-visual-panel {
            min-height: 560px;
            border: 1px solid rgba(255, 255, 255, .50);
            border-radius: var(--radius);
            overflow: hidden;
            position: relative;
            background: #dfe6ee;
            box-shadow: var(--shadow-lg);
        }
        .auth-visual-panel > img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: right center;
        }
        .auth-visual-panel::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(12, 18, 26, 0), rgba(12, 18, 26, .52));
            z-index: 1;
            pointer-events: none;
        }
        .auth-visual-panel::after {
            content: "";
            position: absolute;
            inset: 0;
            background:
                linear-gradient(90deg, rgba(255, 255, 255, .20) 1px, transparent 1px),
                linear-gradient(180deg, rgba(255, 255, 255, .18) 1px, transparent 1px);
            background-size: 42px 42px;
            opacity: .18;
            z-index: 1;
            pointer-events: none;
        }
        .auth-visual-content {
            position: absolute;
            inset: auto 24px 24px;
            display: grid;
            gap: 14px;
            color: #ffffff;
            z-index: 2;
        }
        .auth-visual-content h2 {
            color: #ffffff;
            font-size: 24px;
            margin: 0;
            text-shadow: 0 8px 24px rgba(0, 0, 0, .28);
        }
        .auth-visual-content p {
            max-width: 520px;
            color: rgba(255, 255, 255, .82);
        }
        .auth-visual-metrics {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 10px;
        }
        .auth-visual-metric {
            min-height: 82px;
            border: 1px solid rgba(255, 255, 255, .22);
            border-radius: 8px;
            padding: 12px;
            background: rgba(13, 19, 28, .48);
            backdrop-filter: blur(12px);
        }
        .auth-visual-metric span {
            display: block;
            color: rgba(255, 255, 255, .64);
            font-size: 12px;
        }
        .auth-visual-metric strong {
            display: block;
            margin-top: 6px;
            color: #ffffff;
            font-size: 18px;
        }
        .role-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
            margin-top: 8px;
        }
        .role-card {
            display: flex;
            flex-direction: column;
            min-height: 230px;
            border: 1px solid var(--line);
            border-radius: var(--radius);
            padding: 18px;
            color: var(--text);
            background: linear-gradient(180deg, #ffffff, #fbfcfd);
            box-shadow: var(--shadow-sm);
        }
        .role-card:hover {
            border-color: #b7c8cf;
            color: var(--text);
            box-shadow: var(--shadow-md);
        }
        .role-card .nav-dot {
            width: 34px;
            height: 34px;
            background: var(--primary-soft);
            color: var(--primary-strong);
            margin-bottom: 14px;
        }
        .role-card .nav-icon {
            width: 18px;
            height: 18px;
        }
        .role-card strong {
            color: var(--heading);
            font-size: 20px;
        }
        .role-card p {
            color: var(--muted);
            margin-top: 8px;
            flex: 1;
        }
        .role-card span:last-child {
            color: var(--primary);
            font-weight: 800;
        }
        .captcha-row {
            display: grid;
            grid-template-columns: 150px minmax(0, 1fr);
            gap: 10px;
        }
        .captcha-code {
            min-height: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px dashed #9fb8be;
            border-radius: 7px;
            background: var(--primary-soft);
            color: var(--primary-strong);
            font-weight: 800;
            letter-spacing: 0;
        }
        .admin-frame {
            --sidebar-width: 236px;
            background: #f4f7fa;
        }
        .admin-frame .sidebar {
            padding: 16px 12px;
            box-shadow: 6px 0 28px rgba(15, 23, 42, .12);
        }
        .admin-frame .brand-block {
            padding: 10px 8px 16px;
            gap: 10px;
        }
        .admin-frame .brand-mark {
            width: 38px;
            height: 38px;
        }
        .admin-frame .brand-title {
            font-size: 15px;
        }
        .admin-frame .brand-subtitle {
            font-size: 11px;
        }
        .admin-frame .nav-section-title {
            padding: 9px 8px 7px;
            font-size: 11px;
        }
        .admin-frame .side-nav {
            gap: 4px;
        }
        .admin-frame .side-nav a,
        .admin-frame .side-nav button {
            min-height: 39px;
            padding: 8px 9px;
            gap: 9px;
            font-size: 13px;
        }
        .admin-frame .nav-dot {
            width: 25px;
            height: 25px;
        }
        .admin-frame .nav-icon {
            width: 15px;
            height: 15px;
        }
        .admin-frame .main-area {
            min-height: 100vh;
            background:
                linear-gradient(180deg, rgba(248, 250, 252, .98), rgba(241, 246, 249, .98)),
                linear-gradient(90deg, rgba(15, 23, 42, .024) 1px, transparent 1px),
                linear-gradient(180deg, rgba(15, 23, 42, .024) 1px, transparent 1px);
            background-size: auto, 36px 36px, 36px 36px;
        }
        .admin-frame .topbar {
            min-height: 64px;
            padding: 0 clamp(22px, 2vw, 34px);
            background: rgba(255, 255, 255, .94);
            box-shadow: 0 1px 0 rgba(16, 24, 40, .04);
        }
        .admin-frame .shell {
            max-width: none;
            margin: 0;
            padding: 24px clamp(22px, 2vw, 38px) 56px;
        }
        .admin-frame .page-title {
            margin-bottom: 16px;
            padding: 0 2px;
        }
        .admin-frame .page-title .title-copy {
            max-width: 1040px;
        }
        .admin-frame .panel,
        .admin-frame .hero-card,
        .admin-frame .quick-card,
        .admin-frame .metric,
        .admin-frame .aside-note,
        .admin-frame .toolbar-panel {
            border-color: #d8e1eb;
            box-shadow: 0 1px 2px rgba(16, 24, 40, .045), 0 14px 34px rgba(16, 24, 40, .045);
        }
        .admin-frame .panel {
            padding: 18px;
            margin-bottom: 16px;
            background: rgba(255, 255, 255, .96);
        }
        .admin-frame .panel.flush {
            padding: 0;
        }
        .admin-frame .dashboard-hero {
            grid-template-columns: minmax(560px, 1.35fr) minmax(360px, .65fr);
            gap: 16px;
            margin-bottom: 16px;
            align-items: stretch;
        }
        .admin-frame .hero-card {
            min-height: 232px;
            padding: 26px 28px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            background:
                linear-gradient(90deg, rgba(255, 255, 255, .99), rgba(255, 255, 255, .90) 52%, rgba(255, 255, 255, .72)),
                url('/assets/visual/platform-ops-bg-unified.webp') center right / cover no-repeat;
        }
        .admin-frame .hero-card h1 {
            font-size: 28px;
        }
        .admin-frame .hero-card p {
            max-width: 920px;
        }
        .admin-frame .quick-card {
            padding: 18px;
        }
        .admin-frame .quick-list {
            gap: 7px;
        }
        .admin-frame .quick-list a,
        .admin-frame .quick-list form button {
            min-height: 36px;
        }
        .admin-frame .grid {
            grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
            gap: 14px;
        }
        .admin-frame .metric {
            min-height: 98px;
            padding: 15px 16px;
        }
        .admin-frame .metric strong {
            margin-top: 8px;
            font-size: 25px;
        }
        .admin-frame .metric.compact {
            min-height: 84px;
        }
        .admin-frame .metric.compact strong {
            font-size: 21px;
        }
        .admin-frame .dashboard-grid {
            grid-template-columns: minmax(0, 1.45fr) minmax(420px, .75fr);
            gap: 16px;
            margin-top: 16px;
        }
        .admin-frame .content-grid {
            grid-template-columns: minmax(0, 1.18fr) minmax(380px, .72fr);
            gap: 16px;
        }
        .admin-frame .detail-layout {
            grid-template-columns: minmax(0, 1.25fr) minmax(420px, .75fr);
            gap: 16px;
        }
        .admin-frame .info-list {
            grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
        }
        .admin-frame .section-head {
            align-items: flex-start;
        }
        .admin-frame .form-grid {
            gap: 12px;
        }
        .admin-frame input,
        .admin-frame select,
        .admin-frame textarea {
            min-height: 38px;
            border-color: #d3dce8;
        }
        .admin-frame table {
            width: 100%;
            font-size: 13px;
        }
        .admin-frame th,
        .admin-frame td {
            padding: 11px 12px;
        }
        .admin-frame .sidebar-meta {
            margin: 16px 6px 0;
        }
        .admin-frame .ops-section {
            margin-top: 16px;
        }
        .admin-frame .ops-panel {
            padding: 0;
            overflow: hidden;
        }
        .admin-frame .ops-panel-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 18px;
            padding: 18px 20px;
            border-bottom: 1px solid var(--line-soft);
            background:
                linear-gradient(180deg, #ffffff, #f7fafc);
        }
        .admin-frame .ops-panel-head h2 {
            margin: 0;
            font-size: 18px;
        }
        .admin-frame .ops-panel-head p {
            margin: 5px 0 0;
            color: var(--muted);
        }
        .admin-frame .ops-panel-body {
            padding: 18px 20px 20px;
        }
        .admin-frame .ops-kpi-board {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 12px;
        }
        .admin-frame .ops-kpi-card {
            min-height: 118px;
            border: 1px solid var(--line-soft);
            border-left: 4px solid var(--primary);
            border-radius: 8px;
            padding: 14px 15px;
            background:
                linear-gradient(180deg, #ffffff, #f9fbfd);
            box-shadow: 0 1px 2px rgba(16, 24, 40, .035);
        }
        .admin-frame .ops-kpi-card.tone-money { border-left-color: var(--accent); }
        .admin-frame .ops-kpi-card.tone-risk { border-left-color: var(--danger); }
        .admin-frame .ops-kpi-card.tone-work { border-left-color: #47647a; }
        .admin-frame .ops-kpi-card span {
            display: block;
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
        }
        .admin-frame .ops-kpi-card strong {
            display: block;
            margin-top: 8px;
            color: var(--heading);
            font-size: 25px;
            line-height: 1.12;
            word-break: break-word;
        }
        .admin-frame .ops-kpi-card em {
            display: block;
            margin-top: 8px;
            color: #667587;
            font-size: 12px;
            font-style: normal;
        }
        .admin-frame .ops-split {
            display: grid;
            grid-template-columns: minmax(0, 1.28fr) minmax(360px, .72fr);
            gap: 16px;
            align-items: stretch;
        }
        .admin-frame .ops-chart {
            min-height: 290px;
            border: 1px solid var(--line-soft);
            border-radius: 8px;
            padding: 16px;
            background:
                linear-gradient(180deg, #ffffff, #f9fbfd);
        }
        .admin-frame .ops-chart-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 14px;
            margin-bottom: 16px;
        }
        .admin-frame .ops-chart-head strong {
            display: block;
            color: var(--heading);
            font-size: 16px;
        }
        .admin-frame .ops-chart-head span {
            display: block;
            margin-top: 3px;
            color: var(--muted);
            font-size: 12px;
        }
        .admin-frame .ops-legend {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
        }
        .admin-frame .ops-legend i {
            width: 9px;
            height: 9px;
            display: inline-block;
            border-radius: 999px;
            margin-right: 4px;
            background: var(--primary);
        }
        .admin-frame .ops-legend i.tone-gold { background: var(--accent); }
        .admin-frame .ops-legend i.tone-blue { background: #47647a; }
        .admin-frame .ops-bars {
            height: 190px;
            display: grid;
            grid-template-columns: repeat(var(--bar-count, 7), minmax(0, 1fr));
            gap: 10px;
            align-items: end;
            padding: 10px 0 0;
            border-bottom: 1px solid var(--line-soft);
        }
        .admin-frame .ops-bar-day {
            min-width: 0;
            display: grid;
            gap: 8px;
            align-items: end;
            height: 100%;
        }
        .admin-frame .ops-bar-stack {
            height: 100%;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            gap: 4px;
        }
        .admin-frame .ops-bar {
            width: min(28px, 28%);
            min-height: 6px;
            border-radius: 7px 7px 0 0;
            background: linear-gradient(180deg, #0b837c, var(--primary));
        }
        .admin-frame .ops-bar.tone-gold {
            background: linear-gradient(180deg, #c2872c, var(--accent));
        }
        .admin-frame .ops-bar.tone-blue {
            background: linear-gradient(180deg, #668196, #47647a);
        }
        .admin-frame .ops-bar-label {
            min-height: 30px;
            color: var(--muted);
            font-size: 11px;
            text-align: center;
            line-height: 1.25;
            word-break: keep-all;
        }
        .admin-frame .ops-flow {
            display: grid;
            gap: 10px;
        }
        .admin-frame .ops-flow-step {
            display: grid;
            grid-template-columns: 38px minmax(0, 1fr) auto;
            gap: 12px;
            align-items: center;
            min-height: 74px;
            border: 1px solid var(--line-soft);
            border-radius: 8px;
            padding: 11px 12px;
            background: #ffffff;
        }
        .admin-frame .ops-flow-step .node {
            width: 34px;
            height: 34px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            background: var(--primary-soft);
            color: var(--primary-strong);
            font-weight: 900;
            font-size: 12px;
        }
        .admin-frame .ops-flow-step strong {
            display: block;
            color: var(--heading);
        }
        .admin-frame .ops-flow-step span:not(.node):not(.status) {
            display: block;
            margin-top: 3px;
            color: var(--muted);
            font-size: 12px;
        }
        .admin-frame .ops-flow-step.is-warn {
            border-color: #efd6a8;
            background: #fffbf2;
        }
        .admin-frame .ops-flow-step.is-bad {
            border-color: #efc3bd;
            background: #fff6f4;
        }
        .admin-frame .risk-ladder {
            display: grid;
            gap: 10px;
        }
        .admin-frame .risk-ladder-row {
            display: grid;
            grid-template-columns: minmax(140px, .5fr) minmax(0, 1fr) auto;
            gap: 12px;
            align-items: center;
            border: 1px solid var(--line-soft);
            border-radius: 8px;
            padding: 11px 12px;
            background: #ffffff;
        }
        .admin-frame .risk-meter {
            height: 8px;
            overflow: hidden;
            border-radius: 999px;
            background: #edf2f7;
        }
        .admin-frame .risk-meter span {
            display: block;
            width: var(--risk, 0%);
            height: 100%;
            border-radius: inherit;
            background: linear-gradient(90deg, var(--primary), #d7a15c);
        }
        .admin-frame .risk-ladder-row.is-warn .risk-meter span {
            background: linear-gradient(90deg, #d7a15c, var(--warning));
        }
        .admin-frame .risk-ladder-row.is-bad .risk-meter span {
            background: linear-gradient(90deg, #d7a15c, var(--danger));
        }
        .admin-frame .finance-map {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
            gap: 12px;
        }
        .admin-frame .finance-map-item {
            border: 1px solid var(--line-soft);
            border-radius: 8px;
            padding: 14px;
            background:
                linear-gradient(180deg, #ffffff, #f9fbfd);
        }
        .admin-frame .finance-map-item span {
            display: block;
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
        }
        .admin-frame .finance-map-item strong {
            display: block;
            margin-top: 8px;
            color: var(--heading);
            font-size: 22px;
            line-height: 1.15;
        }
        .admin-frame .finance-map-item em {
            display: block;
            margin-top: 8px;
            color: var(--muted);
            font-size: 12px;
            font-style: normal;
        }
        .admin-frame .status-river {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
            gap: 10px;
        }
        .admin-frame .status-river-item {
            min-height: 96px;
            border: 1px solid var(--line-soft);
            border-radius: 8px;
            padding: 13px;
            background: #ffffff;
        }
        .admin-frame .status-river-item span {
            color: var(--muted);
            font-size: 12px;
            font-weight: 800;
        }
        .admin-frame .status-river-item strong {
            display: block;
            margin-top: 7px;
            color: var(--heading);
            font-size: 23px;
        }
        .admin-frame .status-river-item .trend-bar {
            margin-top: 10px;
        }
        .admin-frame .layer-filter {
            display: grid;
            gap: 10px;
            padding: 14px;
            border: 1px solid var(--line-soft);
            border-radius: 8px;
            background: #ffffff;
        }
        .admin-frame .layer-filter-row {
            display: grid;
            grid-template-columns: 86px minmax(0, 1fr);
            gap: 10px;
            align-items: start;
        }
        .admin-frame .layer-filter-row strong {
            color: var(--heading);
            font-size: 12px;
            line-height: 32px;
            white-space: nowrap;
        }
        .admin-frame .layer-filter-options {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
        }
        .admin-frame .layer-chip {
            min-height: 32px;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            border: 1px solid var(--line);
            border-radius: 999px;
            padding: 5px 11px;
            background: #ffffff;
            color: #475467;
            font-size: 12px;
            font-weight: 800;
        }
        .admin-frame .layer-chip.active {
            border-color: var(--primary);
            background: var(--primary);
            color: #ffffff;
        }
        .admin-frame .admin-modal {
            position: fixed;
            inset: 0;
            z-index: 60;
            display: grid;
            place-items: center;
            padding: 26px;
            background: rgba(15, 23, 42, .48);
        }
        .admin-frame .admin-modal[hidden] {
            display: none;
        }
        .admin-frame .admin-modal-panel {
            width: min(1180px, calc(100vw - 44px));
            max-height: min(88vh, 920px);
            display: flex;
            flex-direction: column;
            overflow: hidden;
            border: 1px solid var(--line);
            border-radius: 8px;
            background: #f6f9fb;
            box-shadow: 0 34px 88px rgba(15, 23, 42, .30);
        }
        .admin-frame .admin-modal-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 16px;
            padding: 20px 22px;
            border-bottom: 1px solid var(--line);
            background: rgba(255, 255, 255, .94);
            backdrop-filter: blur(14px);
        }
        .admin-frame .admin-modal-head h2 {
            margin: 0;
            font-size: 24px;
        }
        .admin-frame .admin-modal-close {
            width: 38px;
            height: 38px;
            border: 1px solid var(--line);
            border-radius: 8px;
            background: #ffffff;
            color: var(--muted);
            cursor: pointer;
            font: inherit;
            font-size: 20px;
            font-weight: 900;
            line-height: 1;
        }
        .admin-frame .admin-modal-body {
            min-height: 0;
            overflow-y: auto;
            display: grid;
            grid-template-columns: minmax(0, 1.1fr) minmax(330px, .68fr);
            gap: 16px;
            padding: 18px 22px 22px;
        }
        .admin-frame .profile-stack {
            display: grid;
            gap: 14px;
        }
        .admin-frame .profile-card {
            border: 1px solid var(--line);
            border-radius: 8px;
            padding: 16px;
            background: #ffffff;
            box-shadow: var(--shadow-sm);
        }
        .admin-frame .profile-card h3 {
            margin: 0 0 12px;
            color: var(--heading);
            font-size: 16px;
        }
        .admin-frame .risk-event-list {
            display: grid;
            gap: 8px;
        }
        .admin-frame .risk-event-item {
            border: 1px solid var(--line-soft);
            border-radius: 8px;
            padding: 10px 11px;
            background: #fbfcfd;
        }
        .admin-frame .risk-event-item strong {
            color: var(--heading);
        }
        .admin-frame .risk-event-item .risk-event-meta {
            display: flex;
            gap: 6px;
            flex-wrap: wrap;
            margin-top: 7px;
        }
        @media (min-width: 1800px) {
            .admin-frame .shell {
                padding-left: 44px;
                padding-right: 58px;
            }
            .admin-frame .grid {
                grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            }
        }
        @media (max-width: 1180px) {
            .admin-frame .ops-split {
                grid-template-columns: 1fr;
            }
            .admin-frame .admin-modal-body {
                grid-template-columns: 1fr;
            }
        }
        @media (max-width: 1040px) {
            .app-frame { grid-template-columns: 1fr; }
            .sidebar {
                position: static;
                height: auto;
                border-right: 0;
                border-bottom: 1px solid var(--line);
            }
            .side-nav { flex-direction: row; flex-wrap: wrap; }
            .side-nav a,
            .side-nav button { width: auto; }
            .sidebar-meta { display: none; }
            .topbar { position: static; }
            .content-grid,
            .detail-layout,
            .dashboard-grid,
            .dashboard-hero,
            .hero-panel { grid-template-columns: 1fr; }
            .landing-hero {
                min-height: auto;
                padding: 50px 24px 78px;
            }
            .landing-hero-grid,
            .landing-kpi-strip,
            .landing-process-rail {
                grid-template-columns: 1fr 1fr;
            }
            .landing-workspace-board {
                grid-template-columns: 1fr;
            }
            .landing-workspace-side {
                min-height: auto;
            }
            .landing-hero h1 { font-size: 46px; }
        }
        @media (max-width: 760px) {
            .guest-topbar,
            .topbar {
                align-items: flex-start;
                flex-direction: column;
                padding: 14px 16px;
            }
            .shell,
            .guest-shell { padding: 18px 12px 36px; }
            .page-title { flex-direction: column; align-items: stretch; }
            .form-grid { grid-template-columns: 1fr; }
            .role-grid,
            .info-list,
            .captcha-row { grid-template-columns: 1fr; }
            .auth-scene { grid-template-columns: 1fr; }
            .auth-visual-panel { display: none; }
            .hero-copy { padding: 22px; min-height: auto; }
            .hero-copy h1 { font-size: 31px; }
            .hero-stats { grid-template-columns: 1fr; }
            .landing-frame .guest-topbar { padding: 14px 16px; }
            .landing-hero { padding: 34px 16px 58px; }
            .landing-hero-grid,
            .landing-kpi-strip,
            .landing-process-rail,
            .landing-command-metrics,
            .landing-trust-strip {
                grid-template-columns: 1fr;
            }
            .landing-overview-title {
                align-items: flex-start;
                flex-direction: column;
                padding: 18px;
            }
            .landing-kpi-item {
                min-height: auto;
                border-right: 0;
                border-bottom: 1px solid var(--line-soft);
            }
            .landing-status-line {
                grid-template-columns: 1fr;
                gap: 6px;
                align-items: start;
                padding: 14px 18px;
            }
            .landing-status-line em {
                justify-self: start;
            }
            .landing-workspace-board {
                overflow-x: auto;
            }
            .landing-workspace-side {
                min-width: 280px;
            }
            .landing-process-rail::before {
                left: 20px;
                right: auto;
                top: 22px;
                bottom: 8px;
                width: 2px;
                height: auto;
            }
            .landing-process-step {
                min-height: auto;
                padding: 0 0 28px 56px;
            }
            .landing-process-step span {
                position: absolute;
                left: 0;
                top: 0;
            }
            .landing-process-step h3 {
                margin-top: 4px;
            }
            .admin-frame .layer-filter-row {
                grid-template-columns: 1fr;
                gap: 6px;
            }
            .admin-frame .layer-filter-row strong {
                line-height: 1.4;
            }
            .admin-frame .admin-modal {
                padding: 0;
                place-items: stretch;
            }
            .admin-frame .admin-modal-panel {
                width: 100vw;
                max-height: 100vh;
                border-radius: 0;
            }
            .landing-hero h1 { font-size: 36px; }
            .landing-subtitle { font-size: 15px; }
            .landing-section {
                width: calc(100% - 28px);
                padding: 26px 0;
            }
            .landing-section-head {
                align-items: flex-start;
                flex-direction: column;
            }
            .landing-command-row {
                grid-template-columns: 1fr;
                gap: 4px;
            }
            .rich-editor-head,
            .rich-media-shell,
            .rich-panel-grid,
            .audit-filter .form-grid,
            .review-case,
            .audit-meta-grid,
            .finance-evidence-grid,
            .audit-detail-hero,
            .audit-command-grid {
                grid-template-columns: 1fr;
            }
            .review-decision {
                border-left: 0;
                border-top: 1px solid var(--line-soft);
            }
            .case-heading {
                flex-direction: column;
            }
            .finance-case-amount {
                width: 100%;
                text-align: left;
            }
            .finance-account-line {
                grid-template-columns: 1fr;
            }
            .rich-editor-head {
                align-items: flex-start;
                flex-direction: column;
            }
            .rich-compose-pane {
                border-right: 0;
                border-bottom: 1px solid var(--line-soft);
            }
            table { min-width: 760px; }
        }
        :root {
            --workbench-ink: #0f1722;
            --workbench-ink-soft: #182838;
            --workbench-card: rgba(255, 255, 255, .94);
            --workbench-gold: #b7791f;
            --workbench-cyan: #2bb7ad;
        }
        .guest-topbar {
            position: sticky;
            top: 0;
            z-index: 24;
        }
        .guest-actions .btn {
            min-height: 38px;
        }
        .landing-hero {
            min-height: clamp(660px, 82vh, 820px);
            padding-top: 82px;
            padding-bottom: 72px;
        }
        .landing-hero-grid {
            width: min(1420px, 100%);
            margin: 0 auto;
        }
        .landing-hero h1 {
            max-width: 800px;
            font-size: clamp(44px, 4.4vw, 68px);
        }
        .landing-subtitle {
            max-width: 820px;
        }
        .landing-command {
            border-color: rgba(255, 255, 255, .24);
            background: linear-gradient(180deg, rgba(9, 24, 35, .82), rgba(9, 24, 35, .66));
        }
        .landing-command-metric,
        .landing-command-row,
        .landing-trust-strip span {
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
        }
        .landing-section {
            padding: 46px 0;
        }
        .landing-overview-shell,
        .landing-workspace-board {
            box-shadow: 0 18px 54px rgba(15, 23, 42, .09);
        }
        .auth-scene {
            max-width: 1220px;
            margin: 0 auto;
            align-items: center;
        }
        .auth-card {
            position: relative;
            overflow: hidden;
            border-color: rgba(184, 201, 206, .92);
            background:
                linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(250, 252, 253, .92));
        }
        .auth-card::before {
            content: "";
            position: absolute;
            inset: 0 0 auto;
            height: 4px;
            background: linear-gradient(90deg, var(--primary), var(--workbench-gold));
        }
        .auth-card .page-title h1 {
            font-size: 30px;
        }
        .auth-card .field.full > .btn,
        .auth-card button[type="submit"].btn {
            width: 100%;
            min-height: 44px;
        }
        .role-card {
            position: relative;
            overflow: hidden;
        }
        .role-card::after {
            content: "";
            position: absolute;
            inset: auto 18px 0;
            height: 3px;
            background: linear-gradient(90deg, var(--primary), rgba(166, 104, 24, .76));
            opacity: 0;
            transition: opacity .18s ease;
        }
        .role-card:hover::after {
            opacity: 1;
        }
        .front-workbench {
            display: grid;
            gap: 18px;
        }
        .front-workbench .dashboard-hero {
            grid-template-columns: minmax(0, 1.22fr) minmax(340px, .78fr);
            gap: 18px;
            margin-bottom: 0;
            align-items: stretch;
        }
        .front-workbench .hero-card,
        .front-workbench .quick-card,
        .front-workbench .metric,
        .front-workbench .panel {
            border-color: rgba(189, 202, 215, .9);
        }
        .front-workbench .hero-card {
            min-height: 330px;
            padding: 28px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            color: #ffffff;
            background:
                linear-gradient(105deg, rgba(10, 22, 32, .96), rgba(10, 42, 48, .90) 48%, rgba(8, 117, 111, .24)),
                url('/assets/visual/platform-ops-bg-unified.webp') center right / cover no-repeat;
            box-shadow: 0 22px 62px rgba(15, 23, 42, .18);
        }
        .front-workbench .hero-card::before {
            inset: 0 0 auto;
            width: 100%;
            height: 4px;
            background: linear-gradient(90deg, var(--workbench-cyan), var(--workbench-gold));
        }
        .front-workbench .hero-card .page-kicker {
            color: #80ede5;
        }
        .front-workbench .hero-card h1 {
            color: #ffffff;
            font-size: clamp(30px, 2.4vw, 40px);
        }
        .front-workbench .hero-card p {
            max-width: 820px;
            color: rgba(233, 240, 247, .80);
            font-size: 15px;
            line-height: 1.8;
        }
        .workbench-hero-actions {
            margin-top: 22px;
        }
        .workbench-hero-actions .btn.secondary {
            color: #ffffff;
            border-color: rgba(255, 255, 255, .34);
            background: rgba(255, 255, 255, .08);
            box-shadow: none;
        }
        .workbench-hero-actions .btn.secondary:hover {
            background: rgba(255, 255, 255, .16);
            color: #ffffff;
        }
        .workbench-signal-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 10px;
            margin-top: 26px;
        }
        .workbench-signal-item {
            min-height: 88px;
            border: 1px solid rgba(255, 255, 255, .16);
            border-radius: 8px;
            padding: 13px;
            background: rgba(255, 255, 255, .08);
            backdrop-filter: blur(12px);
        }
        .workbench-signal-item span,
        .workbench-signal-item em {
            display: block;
            color: rgba(233, 240, 247, .68);
            font-size: 12px;
            font-style: normal;
            font-weight: 800;
        }
        .workbench-signal-item strong {
            display: block;
            margin: 7px 0 3px;
            color: #ffffff;
            font-size: 24px;
            line-height: 1.1;
            word-break: break-word;
        }
        .front-workbench .quick-card {
            padding: 0;
            overflow: hidden;
            background: var(--workbench-card);
            box-shadow: var(--shadow-sm);
        }
        .workbench-quick-head {
            min-height: 72px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 17px 18px;
            border-bottom: 1px solid var(--line-soft);
            background: linear-gradient(180deg, #ffffff, #f7fafc);
        }
        .workbench-quick-head span {
            display: block;
            color: var(--primary);
            font-size: 11px;
            font-weight: 900;
        }
        .workbench-quick-head strong {
            display: block;
            margin-top: 2px;
            color: var(--heading);
            font-size: 18px;
        }
        .workbench-balance-card {
            margin: 16px;
            border-radius: 8px;
            padding: 18px;
            color: #ffffff;
            background:
                linear-gradient(135deg, rgba(11, 31, 45, .98), rgba(11, 76, 76, .92)),
                linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px),
                linear-gradient(180deg, rgba(255, 255, 255, .08) 1px, transparent 1px);
            background-size: auto, 28px 28px, 28px 28px;
        }
        .workbench-balance-card span,
        .workbench-balance-card small {
            display: block;
            color: rgba(233, 240, 247, .70);
            font-size: 12px;
            font-weight: 800;
        }
        .workbench-balance-card strong {
            display: block;
            margin: 8px 0 7px;
            color: #ffffff;
            font-size: 34px;
            line-height: 1.05;
            word-break: break-word;
        }
        .workbench-progress-list {
            display: grid;
            gap: 13px;
            padding: 0 16px 18px;
        }
        .workbench-progress-item {
            display: grid;
            gap: 7px;
        }
        .workbench-progress-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            color: #475467;
            font-size: 12px;
            font-weight: 800;
        }
        .workbench-progress-track {
            height: 8px;
            border-radius: 999px;
            overflow: hidden;
            background: #e8eef5;
        }
        .workbench-progress-track span {
            display: block;
            width: var(--progress, 0%);
            height: 100%;
            border-radius: inherit;
            background: linear-gradient(90deg, var(--primary), var(--workbench-gold));
        }
        .workbench-metric-grid.grid {
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        }
        .front-workbench .metric {
            min-height: 124px;
            background:
                linear-gradient(180deg, #ffffff, #f9fbfd);
        }
        .front-workbench .metric strong {
            font-size: 28px;
        }
        .workbench-panel {
            padding: 22px;
            background: rgba(255, 255, 255, .95);
        }
        .workbench-table-wrap {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
        .workbench-table-wrap table {
            min-width: 780px;
        }
        .workbench-table-wrap th,
        .workbench-table-wrap td {
            vertical-align: middle;
        }
        @media (max-width: 1180px) {
            .landing-hero {
                min-height: auto;
            }
            .landing-hero-grid {
                grid-template-columns: 1fr;
                gap: 28px;
            }
            .landing-command {
                width: min(720px, 100%);
            }
            .auth-scene {
                grid-template-columns: minmax(340px, 520px) minmax(0, 1fr);
                gap: 22px;
            }
        }
        @media (max-width: 1040px) {
            .side-nav {
                flex-direction: row;
                flex-wrap: nowrap;
                overflow-x: auto;
                padding-bottom: 6px;
            }
            .side-nav a,
            .side-nav button {
                width: auto;
                flex: 0 0 auto;
            }
            .front-workbench .dashboard-hero {
                grid-template-columns: 1fr;
            }
            .front-workbench .hero-card {
                min-height: auto;
            }
            .landing-kpi-strip {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }
        @media (max-width: 760px) {
            .guest-topbar {
                flex-direction: row;
                align-items: center;
                padding: 12px 14px;
                gap: 10px;
            }
            .landing-frame .guest-topbar {
                padding: 12px 14px;
            }
            .guest-topbar .brand-block {
                min-width: 0;
                flex: 1 1 auto;
            }
            .guest-topbar .brand-mark {
                width: 36px;
                height: 36px;
            }
            .guest-topbar .brand-title {
                font-size: 14px;
            }
            .guest-topbar .brand-subtitle {
                display: none;
            }
            .guest-actions {
                flex: 0 0 auto;
                gap: 6px;
            }
            .guest-actions .btn {
                min-height: 34px;
                padding: 7px 10px;
                font-size: 12px;
            }
            .landing-hero {
                padding: 38px 16px 64px;
            }
            .landing-hero h1 {
                font-size: 34px;
                line-height: 1.14;
            }
            .landing-subtitle {
                font-size: 14px;
                line-height: 1.75;
            }
            .landing-actions .btn {
                flex: 1 1 calc(50% - 8px);
                min-height: 42px;
                padding-inline: 10px;
            }
            .landing-trust-strip,
            .landing-command-metrics {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .landing-command {
                border-radius: 8px;
            }
            .landing-command-head,
            .landing-command-body {
                padding: 14px;
            }
            .landing-command-row strong {
                white-space: normal;
            }
            .landing-section {
                width: calc(100% - 24px);
                padding: 30px 0;
            }
            .landing-overview-section {
                margin-top: -28px;
            }
            .landing-workspace-matrix {
                min-width: 720px;
            }
            .auth-card {
                padding: 22px 18px;
            }
            .auth-card.wide {
                width: 100%;
            }
            .auth-card .page-title h1 {
                font-size: 26px;
            }
            .front-workbench {
                gap: 14px;
            }
            .front-workbench .hero-card {
                padding: 22px 18px;
            }
            .workbench-signal-grid {
                grid-template-columns: 1fr;
                margin-top: 18px;
            }
            .workbench-signal-item {
                min-height: auto;
            }
            .workbench-hero-actions .btn,
            .workbench-hero-actions .status {
                width: 100%;
            }
            .workbench-balance-card {
                margin: 14px;
                padding: 16px;
            }
            .workbench-balance-card strong {
                font-size: 28px;
            }
            .workbench-metric-grid.grid {
                grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
                gap: 10px;
            }
            .front-workbench .metric {
                min-height: 104px;
                padding: 14px;
            }
            .front-workbench .metric strong {
                font-size: 22px;
            }
            .workbench-panel {
                padding: 16px 14px;
            }
            .section-head {
                flex-direction: column;
            }
        }
        @media (max-width: 430px) {
            .guest-actions .btn.secondary {
                display: none;
            }
            .workbench-metric-grid.grid {
                grid-template-columns: 1fr;
            }
        }
        @media (max-width: 360px) {
            .landing-trust-strip,
            .landing-command-metrics {
                grid-template-columns: 1fr;
            }
            .landing-actions .btn {
                flex-basis: 100%;
            }
        }
        @media (max-width: 760px) {
            html,
            body {
                max-width: 100%;
                overflow-x: hidden;
            }
            .app-frame {
                display: block;
                width: 100%;
                min-height: 100vh;
                overflow-x: hidden;
            }
            .sidebar,
            .admin-frame .sidebar {
                position: relative;
                top: auto;
                height: auto;
                max-height: none;
                overflow: hidden;
                padding: 12px 12px 10px;
                border-right: 0;
                border-bottom: 1px solid rgba(255, 255, 255, .12);
                box-shadow: 0 12px 30px rgba(15, 23, 42, .14);
            }
            .sidebar::before {
                position: absolute;
                inset: 0;
                width: 100%;
                opacity: .55;
                mask-image: none;
            }
            .brand-block,
            .admin-frame .brand-block {
                min-width: 0;
                margin-bottom: 8px;
                padding: 4px 2px 10px;
                gap: 10px;
            }
            .brand-mark,
            .admin-frame .brand-mark {
                width: 38px;
                height: 38px;
                border-radius: 8px;
            }
            .brand-title {
                font-size: 15px;
                line-height: 1.2;
            }
            .brand-subtitle {
                font-size: 11px;
            }
            .nav-section-title {
                display: none;
            }
            .side-nav {
                flex-direction: row;
                flex-wrap: nowrap;
                gap: 8px;
                margin: 0 -2px;
                padding: 2px 2px 8px;
                overflow-x: auto;
                overflow-y: hidden;
                -webkit-overflow-scrolling: touch;
                scroll-snap-type: x proximity;
            }
            .side-nav::-webkit-scrollbar {
                height: 3px;
            }
            .side-nav::-webkit-scrollbar-thumb {
                background: rgba(255, 255, 255, .20);
                border-radius: 999px;
            }
            .side-nav a,
            .side-nav button {
                width: auto;
                min-height: 40px;
                flex: 0 0 auto;
                gap: 7px;
                padding: 7px 10px;
                border-radius: 999px;
                font-size: 13px;
                line-height: 1;
                white-space: nowrap;
                scroll-snap-align: start;
            }
            .side-nav a.active {
                border-radius: 999px;
                box-shadow: none;
            }
            .side-nav form {
                flex: 0 0 auto;
            }
            .nav-dot {
                width: 24px;
                height: 24px;
                border-radius: 8px;
            }
            .nav-icon {
                width: 14px;
                height: 14px;
            }
            .sidebar-meta {
                display: none;
            }
            .main-area {
                width: 100%;
                min-width: 0;
                overflow-x: hidden;
            }
            .topbar,
            .admin-frame .topbar {
                position: static;
                min-height: auto;
                align-items: stretch;
                flex-direction: column;
                gap: 9px;
                padding: 12px 14px;
            }
            .top-title strong {
                font-size: 16px;
            }
            .top-title span {
                white-space: normal;
                line-height: 1.45;
            }
            .account-box {
                justify-content: flex-start;
                gap: 8px;
                max-width: 100%;
                overflow-x: auto;
                padding-bottom: 2px;
            }
            .account-box > span:not(.top-chip):not(.account-avatar) {
                max-width: 150px;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .top-chip {
                min-height: 28px;
                padding: 0 10px;
            }
            .account-avatar {
                width: 34px;
                height: 34px;
                flex: 0 0 auto;
            }
            .shell,
            .admin-frame .shell {
                width: 100%;
                max-width: 100%;
                overflow-x: hidden;
                padding: 14px 10px 34px;
            }
            .page-title {
                gap: 10px;
                margin-bottom: 14px;
            }
            .page-title h1 {
                font-size: 23px;
                line-height: 1.18;
            }
            .page-title p {
                font-size: 13px;
                line-height: 1.65;
            }
            .actions {
                align-items: stretch;
                width: 100%;
            }
            .actions .btn,
            .actions .status {
                min-width: 0;
                flex: 1 1 auto;
                justify-content: center;
                text-align: center;
                white-space: normal;
            }
            .dashboard-hero,
            .front-workbench .dashboard-hero,
            .admin-frame .dashboard-hero,
            .content-grid,
            .detail-layout,
            .dashboard-grid,
            .hero-panel,
            .admin-frame .ops-split,
            .admin-frame .finance-grid,
            .admin-frame .ops-dashboard-grid,
            .admin-frame .ops-grid,
            .admin-frame .analytics-grid,
            .admin-frame .split-panel,
            .admin-frame .risk-command-grid {
                grid-template-columns: minmax(0, 1fr) !important;
            }
            .front-workbench {
                width: 100%;
                min-width: 0;
                gap: 14px;
            }
            .front-workbench .hero-card {
                width: 100%;
                min-width: 0;
                min-height: auto;
                padding: 20px 16px;
                border-radius: 8px;
            }
            .front-workbench .hero-card h1 {
                font-size: 30px;
                line-height: 1.12;
                margin-bottom: 8px;
            }
            .front-workbench .hero-card p {
                max-width: 100%;
                color: rgba(233, 240, 247, .84);
                font-size: 14px;
                line-height: 1.72;
                overflow: visible;
                word-break: break-word;
            }
            .workbench-hero-actions {
                display: grid;
                grid-template-columns: 1fr;
                gap: 8px;
                width: 100%;
                margin-top: 16px;
            }
            .workbench-hero-actions .btn,
            .workbench-hero-actions .status {
                width: 100%;
                min-width: 0;
                min-height: 40px;
                padding: 8px 10px;
                justify-content: center;
                text-align: center;
                white-space: normal;
            }
            .workbench-signal-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 8px;
                margin-top: 14px;
            }
            .workbench-signal-item {
                min-height: 72px;
                padding: 10px 8px;
            }
            .workbench-signal-item span,
            .workbench-signal-item em {
                font-size: 10px;
                line-height: 1.25;
            }
            .workbench-signal-item em {
                display: none;
            }
            .workbench-signal-item strong {
                margin: 5px 0 0;
                font-size: 18px;
            }
            .front-workbench .quick-card,
            .front-workbench .panel,
            .front-workbench .metric,
            .panel,
            .toolbar-panel,
            .quick-card,
            .hero-card {
                max-width: 100%;
                min-width: 0;
            }
            .workbench-balance-card {
                margin: 12px;
                padding: 15px;
            }
            .workbench-balance-card strong {
                font-size: 26px;
                line-height: 1.12;
                word-break: break-word;
            }
            .grid,
            .admin-frame .grid,
            .workbench-metric-grid.grid {
                grid-template-columns: minmax(0, 1fr);
                gap: 10px;
            }
            .front-workbench .metric,
            .admin-frame .metric,
            .metric {
                min-height: auto;
                padding: 14px;
            }
            .front-workbench .metric strong,
            .admin-frame .metric strong,
            .metric strong {
                font-size: 22px;
                line-height: 1.18;
                word-break: break-word;
            }
            .workbench-panel {
                padding: 16px 14px;
            }
            .section-head {
                align-items: stretch;
                flex-direction: column;
                gap: 10px;
            }
            .btn {
                min-width: 0;
                white-space: normal;
            }
        }
        @media (max-width: 430px) {
            .side-nav a,
            .side-nav button {
                min-height: 38px;
                padding: 7px 9px;
                font-size: 12px;
            }
            .brand-subtitle {
                display: none;
            }
            .front-workbench .hero-card h1 {
                font-size: 28px;
            }
            .shell,
            .admin-frame .shell {
                padding-left: 8px;
                padding-right: 8px;
            }
        }
        .mobile-appbar,
        .mobile-tabbar {
            display: none;
        }

        @media (max-width: 760px) {
            body {
                background:
                    linear-gradient(180deg, rgba(8, 117, 111, .10), rgba(8, 117, 111, 0) 270px),
                    #f3f6f9;
            }
            .mobile-appbar {
                position: fixed;
                inset: 0 0 auto;
                z-index: 30;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 10px;
                min-height: 64px;
                padding: calc(8px + env(safe-area-inset-top)) 14px 8px;
                border-bottom: 1px solid rgba(210, 221, 232, .84);
                background: rgba(255, 255, 255, .92);
                backdrop-filter: blur(18px);
                box-shadow: 0 10px 28px rgba(15, 23, 42, .08);
            }
            .mobile-brand {
                min-width: 0;
                display: flex;
                align-items: center;
                gap: 10px;
                color: var(--heading);
            }
            .mobile-brand:hover {
                color: var(--heading);
            }
            .mobile-brand img {
                width: 36px;
                height: 36px;
                border-radius: 8px;
                object-fit: cover;
                box-shadow: 0 8px 22px rgba(8, 117, 111, .20);
            }
            .mobile-brand strong {
                display: block;
                max-width: 184px;
                overflow: hidden;
                color: var(--heading);
                font-size: 15px;
                line-height: 1.12;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .mobile-brand span {
                display: block;
                margin-top: 2px;
                color: var(--muted);
                font-size: 11px;
                line-height: 1;
            }
            .mobile-appbar-actions {
                display: flex;
                align-items: center;
                gap: 8px;
                flex: 0 0 auto;
            }
            .mobile-role-chip {
                min-height: 30px;
                display: inline-flex;
                align-items: center;
                border: 1px solid var(--line);
                border-radius: 999px;
                padding: 0 10px;
                background: #ffffff;
                color: var(--primary-strong);
                font-size: 12px;
                font-weight: 900;
                box-shadow: 0 4px 14px rgba(15, 23, 42, .06);
            }
            .mobile-menu {
                position: relative;
            }
            .mobile-menu summary {
                width: 36px;
                height: 36px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border: 1px solid var(--line);
                border-radius: 50%;
                background: linear-gradient(180deg, #ffffff, #f7fafc);
                color: var(--heading);
                cursor: pointer;
                list-style: none;
                box-shadow: 0 4px 14px rgba(15, 23, 42, .08);
            }
            .mobile-menu summary::-webkit-details-marker {
                display: none;
            }
            .mobile-menu-sheet {
                position: fixed;
                top: calc(66px + env(safe-area-inset-top));
                right: 12px;
                left: 12px;
                max-height: min(620px, calc(100vh - 150px));
                overflow-y: auto;
                border: 1px solid rgba(205, 216, 228, .95);
                border-radius: 8px;
                background: rgba(255, 255, 255, .98);
                box-shadow: 0 26px 70px rgba(15, 23, 42, .20);
            }
            .mobile-menu-head {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 12px;
                padding: 16px;
                border-bottom: 1px solid var(--line-soft);
                background: linear-gradient(180deg, #ffffff, #f8fbfb);
            }
            .mobile-menu-head strong {
                display: block;
                color: var(--heading);
                font-size: 16px;
            }
            .mobile-menu-head span {
                display: block;
                margin-top: 3px;
                color: var(--muted);
                font-size: 12px;
            }
            .mobile-menu-avatar {
                width: 38px;
                height: 38px;
                border-radius: 50%;
                object-fit: cover;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, var(--primary), #20a09a);
                color: #ffffff;
                font-weight: 900;
                flex: 0 0 auto;
            }
            .mobile-menu-grid {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px;
                padding: 12px;
            }
            .mobile-menu-grid a,
            .mobile-menu-grid button {
                min-height: 58px;
                display: flex;
                align-items: center;
                gap: 10px;
                border: 1px solid var(--line-soft);
                border-radius: 8px;
                background: #ffffff;
                color: var(--text);
                padding: 10px;
                font: inherit;
                font-size: 13px;
                font-weight: 900;
                text-align: left;
                box-shadow: 0 1px 0 rgba(15, 23, 42, .03);
            }
            .mobile-menu-grid a.active {
                border-color: rgba(8, 117, 111, .28);
                background: var(--primary-soft);
                color: var(--primary-strong);
            }
            .mobile-menu-grid form {
                margin: 0;
            }
            .mobile-menu-grid button {
                width: 100%;
                cursor: pointer;
            }
            .mobile-menu-icon {
                width: 30px;
                height: 30px;
                border-radius: 8px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                background: var(--surface-soft);
                color: var(--primary-strong);
                flex: 0 0 auto;
            }
            .mobile-menu-icon .nav-icon {
                width: 15px;
                height: 15px;
            }
            .mobile-tabbar {
                position: fixed;
                right: 10px;
                bottom: calc(10px + env(safe-area-inset-bottom));
                left: 10px;
                z-index: 29;
                display: grid;
                grid-template-columns: repeat(var(--mobile-tab-count, 5), minmax(0, 1fr));
                gap: 4px;
                min-height: 64px;
                border: 1px solid rgba(205, 216, 228, .92);
                border-radius: 8px;
                background: rgba(255, 255, 255, .94);
                padding: 6px;
                box-shadow: 0 16px 46px rgba(15, 23, 42, .18);
                backdrop-filter: blur(18px);
            }
            .mobile-tabbar a {
                min-width: 0;
                min-height: 50px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 4px;
                border-radius: 8px;
                color: #667587;
                font-size: 11px;
                font-weight: 900;
                line-height: 1;
                text-align: center;
            }
            .mobile-tabbar a.active {
                background: var(--primary-soft);
                color: var(--primary-strong);
            }
            .mobile-tabbar .nav-icon {
                width: 18px;
                height: 18px;
            }
            .mobile-tabbar span {
                max-width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .sidebar,
            .admin-frame .sidebar,
            .topbar,
            .admin-frame .topbar {
                display: none !important;
            }
            .app-frame,
            .admin-frame.app-frame {
                padding-top: calc(64px + env(safe-area-inset-top));
                padding-bottom: calc(86px + env(safe-area-inset-bottom));
            }
            .shell,
            .admin-frame .shell {
                padding: 18px 12px 18px;
            }
            .page-title {
                padding: 2px 2px 0;
            }
            .page-kicker {
                font-size: 11px;
            }
            .front-workbench .hero-card,
            .panel,
            .toolbar-panel,
            .metric,
            .quick-card,
            .hero-card {
                border-radius: 8px;
                box-shadow: 0 8px 24px rgba(15, 23, 42, .07);
            }
            .front-workbench .hero-card {
                background:
                    linear-gradient(135deg, rgba(10, 22, 32, .98), rgba(10, 48, 54, .92) 58%, rgba(8, 117, 111, .28)),
                    url('/assets/visual/platform-ops-bg-unified.webp') center right / cover no-repeat;
            }
            .workbench-panel,
            .front-workbench .quick-card {
                background: rgba(255, 255, 255, .96);
            }
            .workbench-table-wrap table,
            table {
                min-width: 680px;
            }
        }

        @media (max-width: 380px) {
            .mobile-brand strong {
                max-width: 142px;
            }
            .mobile-role-chip {
                display: none;
            }
            .mobile-menu-grid {
                grid-template-columns: 1fr;
            }
            .mobile-tabbar {
                right: 6px;
                left: 6px;
            }
            .mobile-tabbar a {
                font-size: 10px;
            }
            .workbench-signal-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 760px) {
            :root {
                --mobile-blue: #1f6bff;
                --mobile-blue-deep: #123c9c;
                --mobile-cyan: #08b6c8;
                --mobile-ink: #102033;
                --mobile-card: rgba(255, 255, 255, .96);
            }
            html {
                background: #eef5ff;
            }
            body {
                min-width: 0;
                background:
                    linear-gradient(180deg, #dcecff 0, #f5f8fc 260px, #f7f9fc 100%),
                    linear-gradient(135deg, rgba(31, 107, 255, .16), rgba(8, 182, 200, .08));
                color: #1e2b3f;
            }
            body::before {
                content: "";
                position: fixed;
                inset: 0;
                pointer-events: none;
                background:
                    linear-gradient(90deg, rgba(255, 255, 255, .20) 1px, transparent 1px),
                    linear-gradient(180deg, rgba(255, 255, 255, .22) 1px, transparent 1px);
                background-size: 26px 26px;
                mask-image: linear-gradient(180deg, rgba(0, 0, 0, .62), transparent 460px);
            }
            .mobile-appbar {
                min-height: 76px;
                padding: calc(10px + env(safe-area-inset-top)) 14px 10px;
                border: 0;
                background:
                    linear-gradient(135deg, rgba(31, 107, 255, .98), rgba(10, 70, 180, .96) 55%, rgba(0, 153, 174, .95));
                color: #ffffff;
                box-shadow: 0 18px 42px rgba(31, 107, 255, .28);
            }
            .mobile-appbar::after {
                content: "";
                position: absolute;
                right: 0;
                bottom: 0;
                left: 0;
                height: 1px;
                background: rgba(255, 255, 255, .28);
            }
            .mobile-brand {
                color: #ffffff;
            }
            .mobile-brand:hover {
                color: #ffffff;
            }
            .mobile-brand img {
                width: 40px;
                height: 40px;
                border-radius: 12px;
                border: 1px solid rgba(255, 255, 255, .46);
                background: rgba(255, 255, 255, .14);
                box-shadow: 0 12px 24px rgba(4, 21, 67, .22);
            }
            .mobile-brand strong {
                max-width: 190px;
                color: #ffffff;
                font-size: 16px;
                letter-spacing: 0;
            }
            .mobile-brand span {
                color: rgba(255, 255, 255, .72);
            }
            .mobile-role-chip {
                min-height: 32px;
                border-color: rgba(255, 255, 255, .28);
                background: rgba(255, 255, 255, .16);
                color: #ffffff;
                box-shadow: none;
            }
            .mobile-menu summary {
                width: 38px;
                height: 38px;
                border-color: rgba(255, 255, 255, .30);
                background: rgba(255, 255, 255, .18);
                color: #ffffff;
                box-shadow: none;
            }
            .mobile-menu summary .nav-icon {
                width: 18px;
                height: 18px;
            }
            .mobile-menu-sheet {
                top: calc(82px + env(safe-area-inset-top));
                border: 1px solid rgba(201, 215, 236, .96);
                border-radius: 20px;
                background: rgba(255, 255, 255, .98);
                box-shadow: 0 28px 80px rgba(16, 32, 51, .24);
            }
            .mobile-menu-head {
                padding: 18px;
                border-bottom: 1px solid rgba(214, 224, 238, .82);
                background:
                    linear-gradient(135deg, rgba(31, 107, 255, .12), rgba(8, 182, 200, .08)),
                    #ffffff;
            }
            .mobile-menu-head strong {
                color: var(--mobile-ink);
                font-size: 18px;
            }
            .mobile-menu-avatar {
                width: 44px;
                height: 44px;
                border: 3px solid #ffffff;
                box-shadow: 0 10px 24px rgba(31, 107, 255, .20);
            }
            .mobile-menu-grid {
                gap: 10px;
                padding: 14px;
            }
            .mobile-menu-grid a,
            .mobile-menu-grid button {
                min-height: 66px;
                border-color: #dce6f3;
                border-radius: 16px;
                background:
                    linear-gradient(180deg, #ffffff, #f8fbff);
                color: #24364f;
                box-shadow: 0 8px 22px rgba(23, 42, 69, .06);
            }
            .mobile-menu-grid a.active {
                border-color: rgba(31, 107, 255, .38);
                background:
                    linear-gradient(135deg, rgba(31, 107, 255, .13), rgba(8, 182, 200, .10)),
                    #ffffff;
                color: var(--mobile-blue-deep);
            }
            .mobile-menu-icon {
                width: 34px;
                height: 34px;
                border-radius: 12px;
                background: rgba(31, 107, 255, .10);
                color: var(--mobile-blue);
            }
            .app-frame,
            .admin-frame.app-frame {
                padding-top: calc(76px + env(safe-area-inset-top));
                padding-bottom: calc(96px + env(safe-area-inset-bottom));
                background: transparent;
            }
            .shell,
            .admin-frame .shell {
                width: 100%;
                max-width: 100%;
                padding: 16px 12px 20px;
            }
            .page-title {
                margin: 0 0 14px;
                padding: 3px 2px 0;
            }
            .page-title h1,
            .page-title h2 {
                color: var(--mobile-ink);
                font-size: 20px;
                line-height: 1.22;
            }
            .page-title p,
            .muted {
                color: #64748b;
            }
            .mobile-tabbar {
                right: 12px;
                bottom: calc(12px + env(safe-area-inset-bottom));
                left: 12px;
                min-height: 70px;
                gap: 2px;
                border: 1px solid rgba(203, 216, 235, .92);
                border-radius: 22px;
                background: rgba(255, 255, 255, .94);
                padding: 7px;
                box-shadow: 0 18px 48px rgba(20, 41, 76, .20);
            }
            .mobile-tabbar a {
                min-height: 56px;
                border-radius: 16px;
                color: #73849b;
                font-size: 10px;
            }
            .mobile-tabbar a.active {
                background:
                    linear-gradient(180deg, rgba(31, 107, 255, .13), rgba(8, 182, 200, .10)),
                    #f6fbff;
                color: var(--mobile-blue-deep);
                box-shadow: inset 0 0 0 1px rgba(31, 107, 255, .14);
            }
            .mobile-tabbar .nav-icon {
                width: 20px;
                height: 20px;
            }
            .front-workbench {
                gap: 14px;
            }
            .dashboard-hero,
            .front-workbench .dashboard-hero,
            .admin-frame .dashboard-hero {
                gap: 12px;
                margin-bottom: 0;
            }
            .front-workbench .hero-card {
                position: relative;
                min-height: 356px;
                border: 0;
                border-radius: 24px;
                padding: 22px;
                overflow: hidden;
                background:
                    linear-gradient(135deg, rgba(23, 66, 175, .96), rgba(13, 115, 194, .92) 48%, rgba(4, 160, 176, .88)),
                    url('/assets/visual/platform-ops-bg-unified.webp') center right / cover no-repeat;
                box-shadow: 0 24px 58px rgba(31, 107, 255, .24);
            }
            .front-workbench .hero-card::before {
                display: none;
            }
            .front-workbench .hero-card::after {
                content: "";
                position: absolute;
                inset: auto 0 0;
                height: 42%;
                background: linear-gradient(180deg, transparent, rgba(4, 19, 52, .20));
                pointer-events: none;
            }
            .front-workbench .hero-card > * {
                position: relative;
                z-index: 1;
            }
            .front-workbench .hero-card .page-kicker {
                width: fit-content;
                border-radius: 999px;
                padding: 6px 10px;
                background: rgba(255, 255, 255, .14);
                color: rgba(255, 255, 255, .86);
                font-size: 10px;
            }
            .front-workbench .hero-card h1 {
                margin-top: 14px;
                color: #ffffff;
                font-size: 32px;
                line-height: 1.08;
            }
            .front-workbench .hero-card p {
                max-width: 100%;
                margin-top: 10px;
                color: rgba(255, 255, 255, .78);
                font-size: 13px;
                line-height: 1.7;
            }
            .workbench-hero-actions {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px;
                margin-top: 18px;
            }
            .workbench-hero-actions .btn,
            .workbench-hero-actions .status {
                width: 100%;
                min-height: 42px;
                justify-content: center;
                border-radius: 14px;
                font-size: 13px;
                white-space: nowrap;
            }
            .workbench-hero-actions .btn:first-child,
            .workbench-hero-actions .status:first-child {
                grid-column: 1 / -1;
            }
            .workbench-hero-actions .btn {
                background: #ffffff;
                color: var(--mobile-blue-deep);
                box-shadow: 0 12px 30px rgba(5, 26, 69, .16);
            }
            .workbench-hero-actions .btn.secondary {
                border-color: rgba(255, 255, 255, .28);
                background: rgba(255, 255, 255, .16);
                color: #ffffff;
                box-shadow: none;
            }
            .workbench-signal-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 8px;
                margin-top: 20px;
            }
            .workbench-signal-item {
                min-height: 82px;
                border-radius: 18px;
                border-color: rgba(255, 255, 255, .22);
                background: rgba(255, 255, 255, .14);
            }
            .workbench-signal-item span,
            .workbench-signal-item em {
                color: rgba(255, 255, 255, .70);
                font-size: 10px;
            }
            .workbench-signal-item em {
                display: none;
            }
            .workbench-signal-item strong {
                margin: 8px 0 0;
                font-size: 21px;
            }
            .front-workbench .quick-card,
            .front-workbench .panel,
            .front-workbench .metric,
            .panel,
            .toolbar-panel,
            .metric,
            .quick-card,
            .hero-card {
                border: 1px solid rgba(214, 224, 238, .86);
                border-radius: 20px;
                background: var(--mobile-card);
                box-shadow: 0 12px 34px rgba(23, 42, 69, .08);
            }
            .front-workbench .quick-card {
                overflow: hidden;
            }
            .workbench-quick-head {
                min-height: 64px;
                padding: 15px 16px;
                background:
                    linear-gradient(135deg, rgba(31, 107, 255, .08), rgba(8, 182, 200, .06)),
                    #ffffff;
            }
            .workbench-quick-head span {
                color: var(--mobile-blue);
            }
            .workbench-balance-card {
                margin: 14px;
                border-radius: 18px;
                background:
                    linear-gradient(135deg, #102b63, #155ec7 54%, #04a0b0);
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18);
            }
            .workbench-balance-card strong {
                font-size: 28px;
            }
            .workbench-progress-track span {
                background: linear-gradient(90deg, var(--mobile-blue), var(--mobile-cyan));
            }
            .merchant-next-rail,
            .worker-next-rail,
            .worker-recommend-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px;
            }
            .merchant-next-card,
            .worker-next-card,
            .worker-recommend-card {
                min-height: 134px;
                border: 1px solid rgba(214, 224, 238, .86);
                border-radius: 20px;
                padding: 14px;
                background:
                    linear-gradient(180deg, #ffffff, #f8fbff);
                box-shadow: 0 12px 30px rgba(23, 42, 69, .07);
            }
            .merchant-next-card span,
            .worker-next-card span {
                width: 34px;
                height: 34px;
                border-radius: 13px;
                background:
                    linear-gradient(135deg, rgba(31, 107, 255, .14), rgba(8, 182, 200, .12));
                color: var(--mobile-blue-deep);
            }
            .merchant-next-card strong,
            .worker-next-card strong,
            .worker-recommend-card h3 {
                color: var(--mobile-ink);
                font-size: 15px;
                line-height: 1.32;
            }
            .merchant-next-card small,
            .worker-next-card small {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }
            .workbench-metric-grid.grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px;
            }
            .front-workbench .metric {
                position: relative;
                min-height: 106px;
                padding: 15px;
                overflow: hidden;
            }
            .front-workbench .metric::after {
                content: "";
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                height: 3px;
                background: linear-gradient(90deg, var(--mobile-blue), var(--mobile-cyan));
            }
            .front-workbench .metric strong {
                font-size: 24px;
                line-height: 1.16;
            }
            .workbench-panel {
                padding: 16px;
            }
            .section-head {
                gap: 10px;
            }
            .section-head h2 {
                font-size: 17px;
            }
            .section-head .actions {
                width: 100%;
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .section-head .actions .btn {
                width: 100%;
                justify-content: center;
            }
            .worker-recommend-meta {
                grid-template-columns: 1fr;
            }
            .workbench-table-wrap {
                margin-right: -16px;
                margin-left: -16px;
                padding: 0 16px;
            }
        }

        @media (max-width: 380px) {
            .workbench-hero-actions,
            .merchant-next-rail,
            .worker-next-rail,
            .worker-recommend-grid,
            .workbench-metric-grid.grid {
                grid-template-columns: 1fr;
            }
            .workbench-hero-actions .btn:first-child,
            .workbench-hero-actions .status:first-child {
                grid-column: auto;
            }
            .front-workbench .hero-card h1 {
                font-size: 28px;
            }
        }

        @media (max-width: 760px) {
            .shell .btn:not(.danger),
            .admin-frame .shell .btn:not(.danger),
            .shell button.btn:not(.danger) {
                min-height: 42px;
                border-radius: 14px;
                border-color: rgba(31, 107, 255, .46);
                background: linear-gradient(135deg, #1f6bff, #07a8c3);
                color: #ffffff;
                box-shadow: 0 12px 26px rgba(31, 107, 255, .20);
            }
            .shell .btn:not(.danger):hover,
            .admin-frame .shell .btn:not(.danger):hover {
                color: #ffffff;
                border-color: rgba(18, 60, 156, .72);
                background: linear-gradient(135deg, #1b5fe8, #0698b3);
            }
            .shell .btn.secondary:not(.danger),
            .admin-frame .shell .btn.secondary:not(.danger),
            .shell button.btn.secondary:not(.danger) {
                border-color: rgba(31, 107, 255, .24);
                background:
                    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(235, 245, 255, .96));
                color: var(--mobile-blue-deep);
                box-shadow: 0 8px 18px rgba(31, 107, 255, .08);
            }
            .shell .btn.secondary:not(.danger):hover,
            .admin-frame .shell .btn.secondary:not(.danger):hover {
                color: var(--mobile-blue-deep);
                border-color: rgba(31, 107, 255, .38);
                background:
                    linear-gradient(180deg, #ffffff, #e4f1ff);
            }
            .shell .btn.danger,
            .admin-frame .shell .btn.danger,
            .shell button.btn.danger {
                border-color: rgba(217, 45, 32, .24);
                background: linear-gradient(180deg, #fff7f7, #fff0ef);
                color: #b42318;
                box-shadow: none;
            }
            .page-title .actions {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px;
            }
            .page-title .actions .btn {
                width: 100%;
                min-height: 44px;
                border-radius: 16px;
            }
            .front-workbench .hero-card .workbench-hero-actions .btn:not(.secondary):not(.danger) {
                border-color: rgba(255, 255, 255, .92);
                background: #ffffff;
                color: var(--mobile-blue-deep);
                box-shadow: 0 12px 30px rgba(5, 26, 69, .16);
            }
            .front-workbench .hero-card .workbench-hero-actions .btn.secondary:not(.danger) {
                border-color: rgba(255, 255, 255, .30);
                background: rgba(255, 255, 255, .16);
                color: #ffffff;
                box-shadow: none;
            }
            .metric::after,
            .project-progress-track span {
                background: linear-gradient(90deg, var(--mobile-blue), var(--mobile-cyan));
            }
            .merchant-project-page .project-command-actions {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px;
                margin-top: 20px;
                padding: 12px;
                border: 1px solid rgba(199, 216, 239, .82);
                border-radius: 20px;
                background: rgba(255, 255, 255, .74);
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82);
                backdrop-filter: blur(12px);
            }
            .merchant-project-page .project-command-actions .btn,
            .merchant-project-page .project-command-actions .status {
                width: 100%;
                min-height: 42px;
                border-radius: 14px;
                justify-content: center;
                font-size: 13px;
                white-space: nowrap;
            }
            .merchant-project-page .project-command-actions .btn:not(.secondary):not(.danger) {
                background: linear-gradient(135deg, #1f6bff, #08a8c7);
                color: #ffffff;
            }
            .merchant-project-page .project-command-actions .btn.secondary:not(.danger) {
                background:
                    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(238, 247, 255, .96));
                color: var(--mobile-blue-deep);
            }
            .merchant-project-page .project-command,
            .merchant-project-page .project-summary,
            .merchant-project-page .project-policy-item,
            .merchant-project-page .project-card {
                border-color: rgba(214, 224, 238, .90);
                border-radius: 20px;
                box-shadow: 0 12px 34px rgba(23, 42, 69, .08);
            }
            .merchant-project-page .project-command {
                background:
                    linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(239, 247, 255, .92) 58%),
                    url('/assets/visual/platform-ops-bg-unified.webp') center right / cover no-repeat;
            }
            .merchant-project-page .project-card-side .btn:not(.danger) {
                min-height: 34px;
                border-radius: 12px;
            }
            .merchant-project-page .project-action-buttons {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 380px) {
            .page-title .actions,
            .merchant-project-page .project-command-actions,
            .merchant-project-page .project-action-buttons {
                grid-template-columns: 1fr;
            }
        }

        .auth-frame {
            min-height: 100vh;
            overflow-x: hidden;
            background:
                linear-gradient(115deg, rgba(11, 43, 105, .96), rgba(24, 98, 205, .88) 46%, rgba(8, 168, 195, .66)),
                linear-gradient(90deg, rgba(255, 255, 255, .10) 1px, transparent 1px),
                linear-gradient(180deg, rgba(255, 255, 255, .10) 1px, transparent 1px),
                url('/assets/visual/platform-ops-bg-unified.webp') center right / cover no-repeat;
            background-size: auto, 36px 36px, 36px 36px, cover;
        }
        .auth-frame .guest-topbar {
            min-height: 84px;
            border-bottom: 1px solid rgba(255, 255, 255, .18);
            background: rgba(255, 255, 255, .10);
            box-shadow: none;
        }
        .auth-frame .guest-topbar .brand-block {
            color: #ffffff;
        }
        .auth-frame .guest-topbar .brand-mark {
            width: 44px;
            height: 44px;
            border-radius: 13px;
            border: 1px solid rgba(255, 255, 255, .42);
            box-shadow: 0 14px 32px rgba(4, 22, 68, .24);
        }
        .auth-frame .guest-topbar .brand-title {
            color: #ffffff;
            font-size: 17px;
        }
        .auth-frame .guest-topbar .brand-subtitle {
            color: rgba(255, 255, 255, .66);
        }
        .auth-frame .guest-actions .btn,
        .auth-frame .guest-actions .btn.secondary {
            min-height: 42px;
            border-radius: 14px;
            border-color: rgba(255, 255, 255, .28);
            background: rgba(255, 255, 255, .16);
            color: #ffffff;
            box-shadow: none;
        }
        .auth-shell {
            max-width: 1240px;
            padding: 56px 28px 72px;
        }
        .auth-frame .auth-scene {
            max-width: 1180px;
            grid-template-columns: minmax(380px, 500px) minmax(0, 1fr);
            gap: 22px;
            align-items: stretch;
        }
        .auth-frame .auth-card {
            width: min(520px, 100%);
            border: 1px solid rgba(255, 255, 255, .58);
            border-radius: 28px;
            padding: 34px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(245, 250, 255, .94));
            box-shadow: 0 30px 82px rgba(5, 24, 74, .28);
        }
        .auth-frame .auth-card.wide {
            width: min(1020px, 100%);
            margin: 0 auto;
        }
        .auth-frame .auth-card::before {
            display: none;
        }
        .auth-frame .page-title {
            margin-bottom: 24px;
            gap: 14px;
        }
        .auth-frame .page-kicker {
            width: fit-content;
            border-radius: 999px;
            padding: 6px 10px;
            background: rgba(31, 107, 255, .10);
            color: #1f6bff;
            font-size: 11px;
        }
        .auth-frame .auth-card .page-title h1 {
            margin-top: 10px;
            color: #102033;
            font-size: 34px;
            line-height: 1.08;
        }
        .auth-frame .page-title p {
            max-width: 560px;
            color: #5e718a;
            font-size: 14px;
            line-height: 1.7;
        }
        .auth-frame .page-title a,
        .auth-frame .page-title .actions a {
            min-height: 34px;
            display: inline-flex;
            align-items: center;
            border: 1px solid rgba(31, 107, 255, .18);
            border-radius: 999px;
            padding: 6px 12px;
            background: #eef6ff;
            color: #123c9c;
            font-size: 12px;
            font-weight: 900;
        }
        .auth-frame .form-grid {
            gap: 16px;
        }
        .auth-frame label {
            color: #263a55;
            font-size: 12px;
        }
        .auth-frame input,
        .auth-frame select,
        .auth-frame textarea {
            min-height: 50px;
            border-color: #d7e2ef;
            border-radius: 16px;
            padding: 10px 14px;
            background: linear-gradient(180deg, #ffffff, #f7fbff);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .84);
        }
        .auth-frame input:focus,
        .auth-frame select:focus,
        .auth-frame textarea:focus {
            border-color: rgba(31, 107, 255, .70);
            outline: 3px solid rgba(31, 107, 255, .14);
        }
        .auth-frame .captcha-row {
            grid-template-columns: 1fr;
            gap: 10px;
        }
        .auth-frame .captcha-code {
            min-height: 50px;
            border: 1px solid rgba(31, 107, 255, .20);
            border-radius: 16px;
            background:
                linear-gradient(135deg, rgba(31, 107, 255, .10), rgba(8, 182, 200, .08)),
                #f4fbff;
            color: #123c9c;
            font-size: 16px;
        }
        .auth-frame .field.full > .btn,
        .auth-frame button[type="submit"].btn {
            min-height: 52px;
            border-radius: 17px;
            border-color: rgba(31, 107, 255, .46);
            background: linear-gradient(135deg, #1f6bff, #07a8c3);
            box-shadow: 0 16px 32px rgba(31, 107, 255, .24);
        }
        .auth-frame .field label input[type="checkbox"] {
            width: auto;
            min-height: auto;
            margin-right: 6px;
            accent-color: #1f6bff;
        }
        .auth-frame .auth-visual-panel {
            min-height: 590px;
            border: 1px solid rgba(255, 255, 255, .22);
            border-radius: 30px;
            background:
                linear-gradient(135deg, rgba(8, 24, 67, .78), rgba(0, 153, 174, .20)),
                #0d2c72;
            box-shadow: 0 30px 82px rgba(5, 24, 74, .30);
        }
        .auth-frame .auth-visual-panel::before {
            background:
                linear-gradient(180deg, rgba(8, 24, 67, .20), rgba(8, 24, 67, .76)),
                linear-gradient(115deg, rgba(31, 107, 255, .24), rgba(8, 182, 200, .12));
        }
        .auth-frame .auth-visual-content {
            inset: auto 28px 28px;
            gap: 18px;
        }
        .auth-frame .auth-visual-content h2 {
            font-size: 32px;
            line-height: 1.12;
        }
        .auth-frame .auth-visual-content p {
            color: rgba(255, 255, 255, .78);
            font-size: 14px;
            line-height: 1.8;
        }
        .auth-frame .auth-visual-metric {
            border-radius: 18px;
            background: rgba(255, 255, 255, .12);
        }
        .auth-frame .role-grid {
            gap: 14px;
        }
        .auth-frame .role-card {
            border-color: rgba(214, 224, 238, .94);
            border-radius: 22px;
            background:
                linear-gradient(180deg, #ffffff, #f8fbff);
            box-shadow: 0 14px 34px rgba(23, 42, 69, .08);
        }
        .auth-frame .role-card::after {
            inset: auto 18px 0;
            background: linear-gradient(90deg, #1f6bff, #08b6c8);
        }
        .auth-frame .role-card .nav-dot {
            width: 38px;
            height: 38px;
            border-radius: 14px;
            background: rgba(31, 107, 255, .10);
            color: #1f6bff;
        }

        .auth-identity-strip,
        .auth-command-board {
            display: none;
        }

        @media (min-width: 761px) {
            .auth-frame {
                position: relative;
                isolation: isolate;
                background:
                    radial-gradient(circle at 75% 18%, rgba(17, 145, 210, .34), transparent 34%),
                    radial-gradient(circle at 18% 74%, rgba(31, 107, 255, .22), transparent 30%),
                    linear-gradient(112deg, #07111f 0%, #0d2442 44%, #0b5b7a 100%);
            }
            .auth-frame::before {
                content: "";
                position: fixed;
                inset: 0;
                z-index: -2;
                background:
                    linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px),
                    linear-gradient(180deg, rgba(255, 255, 255, .04) 1px, transparent 1px);
                background-size: 44px 44px;
                mask-image: linear-gradient(180deg, rgba(0, 0, 0, .88), rgba(0, 0, 0, .18));
                pointer-events: none;
            }
            .auth-frame::after {
                content: "";
                position: fixed;
                inset: auto 0 0;
                z-index: -1;
                height: 38vh;
                background: linear-gradient(180deg, transparent, rgba(239, 246, 255, .16));
                pointer-events: none;
            }
            .auth-frame .guest-topbar {
                position: relative;
                z-index: 2;
                min-height: 76px;
                padding: 0 52px;
                border-bottom: 1px solid rgba(255, 255, 255, .14);
                background: rgba(7, 17, 31, .74);
                backdrop-filter: blur(18px);
            }
            .auth-frame .guest-topbar .brand-block {
                gap: 13px;
            }
            .auth-frame .guest-topbar .brand-mark {
                width: 42px;
                height: 42px;
                border-radius: 8px;
                border: 1px solid rgba(255, 255, 255, .32);
                box-shadow: 0 16px 34px rgba(3, 10, 28, .28);
            }
            .auth-frame .guest-topbar .brand-title {
                font-size: 16px;
                font-weight: 950;
            }
            .auth-frame .guest-topbar .brand-subtitle {
                margin-top: 2px;
                color: rgba(226, 238, 255, .58);
            }
            .auth-frame .guest-actions {
                gap: 10px;
            }
            .auth-frame .guest-actions .btn,
            .auth-frame .guest-actions .btn.secondary {
                min-height: 40px;
                border-radius: 8px;
                padding: 0 18px;
                border-color: rgba(255, 255, 255, .22);
                background: rgba(255, 255, 255, .10);
                color: #f8fbff;
                backdrop-filter: blur(12px);
            }
            .auth-frame .guest-actions .btn:not(.secondary) {
                border-color: rgba(28, 195, 255, .48);
                background: linear-gradient(135deg, #1f6bff, #08a6c8);
                box-shadow: 0 14px 26px rgba(4, 98, 205, .28);
            }
            .auth-shell {
                position: relative;
                z-index: 1;
                width: 100%;
                max-width: none;
                min-height: calc(100vh - 76px);
                padding: 78px 56px 66px;
                justify-content: center;
                align-items: flex-start;
            }
            .auth-frame .auth-scene {
                width: min(1360px, calc(100vw - 112px));
                max-width: 1360px;
                grid-template-columns: minmax(430px, 510px) minmax(600px, 1fr);
                gap: 30px;
                align-items: stretch;
            }
            .auth-frame .auth-card {
                position: relative;
                width: 100%;
                min-height: 640px;
                overflow: hidden;
                border: 1px solid rgba(220, 232, 246, .86);
                border-radius: 8px;
                padding: 42px;
                background:
                    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .96)),
                    linear-gradient(135deg, rgba(31, 107, 255, .10), transparent 42%);
                box-shadow: 0 30px 86px rgba(2, 11, 32, .28);
            }
            .auth-frame .auth-card::after {
                content: "";
                position: absolute;
                inset: 0 auto 0 0;
                width: 4px;
                background: linear-gradient(180deg, #1f6bff, #08a6c8 56%, #c48a18);
            }
            .auth-frame .auth-card.wide {
                width: min(1120px, calc(100vw - 112px));
                max-width: 1120px;
                min-height: auto;
                padding: 44px;
            }
            .auth-frame .page-title {
                position: relative;
                z-index: 1;
                align-items: flex-start;
                margin-bottom: 22px;
            }
            .auth-frame .page-kicker,
            .auth-frame .auth-portal-kicker {
                letter-spacing: 0;
                font-weight: 950;
            }
            .auth-frame .page-kicker {
                border-radius: 8px;
                padding: 7px 10px;
                background: #eef5ff;
                color: #1f55d8;
            }
            .auth-frame .auth-card .page-title h1 {
                margin-top: 14px;
                color: #0c1728;
                font-size: 36px;
                line-height: 1.08;
            }
            .auth-frame .page-title p {
                margin-top: 12px;
                max-width: 430px;
                color: #5c6f88;
                font-size: 14px;
                line-height: 1.75;
            }
            .auth-frame .page-title a,
            .auth-frame .page-title .actions a {
                min-height: 34px;
                border-radius: 8px;
                padding: 7px 12px;
                border-color: rgba(31, 107, 255, .18);
                background: #eef5ff;
                color: #123c9c;
                white-space: nowrap;
            }
            .auth-identity-strip {
                position: relative;
                z-index: 1;
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 8px;
                margin: 0 0 22px;
            }
            .auth-identity-strip span {
                min-width: 0;
                border: 1px solid #dbe7f4;
                border-radius: 8px;
                padding: 12px 10px;
                background: #f7fbff;
            }
            .auth-identity-strip strong,
            .auth-identity-strip em {
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .auth-identity-strip strong {
                color: #0d1d31;
                font-size: 13px;
                font-weight: 950;
            }
            .auth-identity-strip em {
                margin-top: 5px;
                color: #6b7f98;
                font-size: 11px;
                font-style: normal;
            }
            .auth-entry-grid {
                position: relative;
                z-index: 1;
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px;
                margin: 0 0 12px;
            }
            .auth-entry-card {
                min-width: 0;
                display: flex;
                flex-direction: column;
                gap: 6px;
                border: 1px solid #dbe7f4;
                border-radius: 8px;
                padding: 13px 14px;
                background: #f7fbff;
                color: #0d1d31;
                box-shadow: 0 8px 20px rgba(22, 42, 75, .05);
            }
            .auth-entry-card.primary {
                border-color: rgba(31, 107, 255, .28);
                background: linear-gradient(135deg, rgba(31, 107, 255, .10), rgba(8, 166, 200, .10)), #f7fbff;
            }
            .auth-entry-card span,
            .auth-entry-card em {
                overflow: hidden;
                color: #62758f;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 12px;
                font-style: normal;
                font-weight: 800;
            }
            .auth-entry-card strong {
                overflow: hidden;
                color: #0c1728;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 14px;
                font-weight: 950;
            }
            .auth-entry-card em {
                color: #1f55d8;
                font-weight: 900;
            }
            .auth-trust-strip {
                position: relative;
                z-index: 1;
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 8px;
                margin: 0 0 18px;
            }
            .auth-trust-strip span {
                display: inline-flex;
                min-width: 0;
                align-items: center;
                gap: 6px;
                border-radius: 8px;
                padding: 8px 10px;
                background: #f2f7fd;
                color: #52677f;
                font-size: 12px;
                font-weight: 900;
                white-space: nowrap;
            }
            .auth-trust-strip span::before {
                content: "";
                width: 6px;
                height: 6px;
                flex: 0 0 auto;
                border-radius: 999px;
                background: #08a6c8;
            }
            .auth-register-overview {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 12px;
                margin: -4px 0 18px;
            }
            .auth-register-overview div {
                border: 1px solid #dbe7f4;
                border-radius: 8px;
                padding: 16px;
                background: linear-gradient(180deg, #ffffff, #f7fbff);
            }
            .auth-register-overview span,
            .auth-register-overview em {
                display: block;
                overflow: hidden;
                color: #62758f;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 12px;
                font-style: normal;
                font-weight: 800;
            }
            .auth-register-overview strong {
                display: block;
                margin-top: 8px;
                color: #0c1728;
                font-size: 26px;
                line-height: 1;
                font-weight: 950;
            }
            .auth-register-overview em {
                margin-top: 9px;
                font-weight: 700;
            }
            .auth-frame .form-grid {
                position: relative;
                z-index: 1;
                gap: 16px;
            }
            .auth-frame label {
                color: #263a55;
                font-size: 12px;
                font-weight: 900;
            }
            .auth-frame input,
            .auth-frame select,
            .auth-frame textarea {
                min-height: 50px;
                border-radius: 8px;
                border-color: #d6e2f0;
                background: #ffffff;
                box-shadow: 0 1px 0 rgba(9, 24, 46, .04);
            }
            .auth-frame input:focus,
            .auth-frame select:focus,
            .auth-frame textarea:focus {
                border-color: #1f6bff;
                outline: 3px solid rgba(31, 107, 255, .14);
                box-shadow: 0 0 0 1px rgba(31, 107, 255, .10);
            }
            .auth-frame .captcha-code {
                border-radius: 8px;
                border-color: rgba(31, 107, 255, .24);
                background: linear-gradient(135deg, #eef6ff, #f4fcff);
                color: #123c9c;
            }
            .auth-frame .field.full > .btn,
            .auth-frame button[type="submit"].btn {
                min-height: 52px;
                border-radius: 8px;
                border: 0;
                background: linear-gradient(135deg, #1f6bff, #08a6c8);
                box-shadow: 0 16px 30px rgba(31, 107, 255, .25);
            }
            .auth-frame .auth-visual-panel {
                position: relative;
                min-height: 640px;
                border-radius: 8px;
                border: 1px solid rgba(255, 255, 255, .20);
                background: #081827;
                box-shadow: 0 30px 86px rgba(2, 11, 32, .34);
            }
            .auth-frame .auth-visual-panel > img {
                opacity: .52;
                filter: saturate(1.08) contrast(1.04);
                object-position: center;
            }
            .auth-frame .auth-visual-panel::before {
                background:
                    linear-gradient(90deg, rgba(7, 17, 31, .88), rgba(7, 17, 31, .42) 58%, rgba(7, 17, 31, .76)),
                    linear-gradient(180deg, rgba(11, 32, 64, .12), rgba(7, 17, 31, .88));
            }
            .auth-frame .auth-visual-panel::after {
                content: "";
                position: absolute;
                inset: 20px;
                border: 1px solid rgba(255, 255, 255, .14);
                border-radius: 8px;
                pointer-events: none;
            }
            .auth-frame .auth-visual-content {
                inset: 38px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                gap: 24px;
            }
            .auth-portal-head {
                max-width: 560px;
            }
            .auth-portal-kicker {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                border: 1px solid rgba(255, 255, 255, .16);
                border-radius: 8px;
                padding: 7px 10px;
                background: rgba(255, 255, 255, .09);
                color: #dbeafe;
                font-size: 11px;
            }
            .auth-portal-kicker span {
                width: 8px;
                height: 8px;
                border-radius: 999px;
                background: #22d3ee;
                box-shadow: 0 0 0 5px rgba(34, 211, 238, .14);
            }
            .auth-portal-kicker.accent span {
                background: #f2c276;
                box-shadow: 0 0 0 5px rgba(242, 194, 118, .16);
            }
            .auth-frame .auth-visual-content h2 {
                margin-top: 18px;
                color: #ffffff;
                font-size: 40px;
                line-height: 1.08;
            }
            .auth-frame .auth-visual-content p {
                max-width: 550px;
                color: rgba(232, 242, 255, .78);
                font-size: 15px;
                line-height: 1.8;
            }
            .auth-command-board {
                display: grid;
                gap: 10px;
            }
            .auth-command-row {
                display: grid;
                grid-template-columns: 86px minmax(0, 1fr) auto;
                gap: 12px;
                align-items: center;
                border: 1px solid rgba(255, 255, 255, .14);
                border-radius: 8px;
                padding: 14px 16px;
                background: rgba(255, 255, 255, .10);
                backdrop-filter: blur(14px);
            }
            .auth-command-row span,
            .auth-command-row em {
                color: rgba(219, 234, 254, .72);
                font-size: 12px;
                font-style: normal;
            }
            .auth-command-row strong {
                min-width: 0;
                overflow: hidden;
                color: #ffffff;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 14px;
                font-weight: 950;
            }
            .auth-command-row em {
                border-radius: 8px;
                padding: 5px 8px;
                background: rgba(242, 194, 118, .14);
                color: #ffd58a;
                font-weight: 900;
            }
            .auth-frame .auth-visual-metrics {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 12px;
            }
            .auth-frame .auth-visual-metric {
                min-height: 106px;
                border: 1px solid rgba(255, 255, 255, .14);
                border-radius: 8px;
                padding: 18px;
                background:
                    linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .08));
            }
            .auth-frame .auth-visual-metric span {
                color: rgba(219, 234, 254, .72);
                font-size: 12px;
            }
            .auth-frame .auth-visual-metric strong {
                margin-top: 12px;
                color: #ffffff;
                font-size: 20px;
            }
            .auth-frame .auth-visual-metric em {
                display: block;
                margin-top: 8px;
                overflow: hidden;
                color: rgba(219, 234, 254, .72);
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 12px;
                font-style: normal;
                font-weight: 800;
            }
            .auth-frame .role-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 16px;
            }
            .auth-frame .role-card {
                min-height: 230px;
                border-radius: 8px;
                padding: 24px;
            }
            .auth-frame .role-card .nav-dot {
                border-radius: 8px;
            }
            .auth-frame .role-card strong {
                margin-top: 18px;
                font-size: 22px;
            }
            .auth-frame .role-card p {
                min-height: 88px;
                color: #61748d;
                font-size: 14px;
                line-height: 1.7;
            }
        }

        @media (min-width: 761px) and (max-width: 1120px) {
            .auth-frame .guest-topbar {
                padding: 0 28px;
            }
            .auth-shell {
                padding: 36px 28px 48px;
            }
            .auth-frame .auth-scene {
                width: min(880px, calc(100vw - 56px));
                grid-template-columns: 1fr;
            }
            .auth-frame .auth-card {
                min-height: auto;
            }
            .auth-frame .auth-visual-panel {
                min-height: 390px;
            }
        }

        @media (min-width: 761px) and (max-height: 820px) {
            .auth-shell {
                padding-top: 18px;
                padding-bottom: 22px;
                align-items: flex-start;
            }
            .auth-frame .auth-card {
                min-height: auto;
                padding: 20px 34px;
            }
            .auth-frame .auth-card .page-title h1 {
                margin-top: 8px;
                font-size: 30px;
            }
            .auth-frame .page-title {
                margin-bottom: 12px;
            }
            .auth-frame .page-title p {
                margin-top: 7px;
                line-height: 1.48;
            }
            .auth-identity-strip {
                margin-bottom: 12px;
            }
            .auth-identity-strip span {
                padding: 8px 10px;
            }
            .auth-entry-grid {
                margin-bottom: 8px;
            }
            .auth-entry-card {
                padding: 8px 10px;
                gap: 4px;
            }
            .auth-entry-card span {
                font-size: 11px;
            }
            .auth-entry-card strong {
                font-size: 13px;
            }
            .auth-entry-card em {
                display: none;
            }
            .auth-trust-strip {
                display: none;
            }
            .auth-register-overview {
                margin-bottom: 12px;
            }
            .auth-register-overview div {
                padding: 12px;
            }
            .auth-register-overview strong {
                font-size: 22px;
            }
            .auth-frame .form-grid {
                gap: 8px;
            }
            .auth-frame label {
                font-size: 11px;
            }
            .auth-frame input,
            .auth-frame select,
            .auth-frame textarea,
            .auth-frame .captcha-code {
                min-height: 40px;
            }
            .auth-frame .captcha-row + .muted {
                display: none;
            }
            .auth-frame .field.full > .btn,
            .auth-frame button[type="submit"].btn {
                min-height: 44px;
            }
            .auth-frame .auth-visual-panel {
                min-height: 620px;
            }
            .auth-frame .auth-visual-content {
                inset: 30px;
                gap: 16px;
            }
            .auth-frame .auth-visual-content h2 {
                margin-top: 12px;
                font-size: 34px;
            }
            .auth-frame .auth-visual-content p {
                line-height: 1.6;
            }
            .auth-command-board {
                gap: 8px;
            }
            .auth-command-row {
                padding: 12px 14px;
            }
            .auth-frame .auth-visual-metric {
                min-height: 78px;
                padding: 12px;
            }
            .auth-frame .auth-visual-metric strong {
                margin-top: 8px;
                font-size: 18px;
            }
            .auth-frame .auth-visual-metric em {
                margin-top: 6px;
            }
        }

        @media (max-width: 760px) {
            .auth-frame {
                background:
                    linear-gradient(180deg, rgba(17, 80, 190, .96), rgba(9, 151, 178, .84) 150px, rgba(239, 246, 255, .96) 330px),
                    url('/assets/visual/platform-ops-bg-unified.webp') center top / cover no-repeat;
            }
            .auth-frame .guest-topbar {
                min-height: 76px;
                padding: 12px 18px;
                border-bottom: 0;
                background: linear-gradient(135deg, rgba(31, 107, 255, .98), rgba(7, 168, 195, .94));
            }
            .auth-frame .guest-topbar .brand-block {
                gap: 10px;
                min-width: 0;
            }
            .auth-frame .guest-topbar .brand-mark {
                width: 40px;
                height: 40px;
                border-radius: 12px;
            }
            .auth-frame .guest-topbar .brand-title {
                max-width: 190px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 15px;
            }
            .auth-frame .guest-topbar .brand-subtitle {
                display: none;
            }
            .auth-frame .guest-actions .btn,
            .auth-frame .guest-actions .btn.secondary {
                min-height: 38px;
                border-radius: 13px;
                background: rgba(255, 255, 255, .18);
                font-size: 12px;
            }
            .auth-shell {
                padding: 12px 12px 22px;
                justify-content: flex-start;
            }
            .auth-frame .auth-scene {
                grid-template-columns: 1fr;
                gap: 12px;
            }
            .auth-frame .auth-visual-panel {
                order: -1;
                display: block;
                min-height: 154px;
                border-radius: 24px;
            }
            .auth-frame .auth-visual-panel > img {
                object-position: right center;
            }
            .auth-frame .auth-visual-content {
                inset: 15px;
                align-content: space-between;
            }
            .auth-frame .auth-visual-content h2 {
                font-size: 20px;
            }
            .auth-frame .auth-visual-content p {
                display: none;
            }
            .auth-identity-strip,
            .auth-command-board {
                display: none;
            }
            .auth-frame .auth-visual-metrics {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 8px;
            }
            .auth-frame .auth-visual-metric {
                min-height: 50px;
                border-radius: 14px;
                padding: 8px;
            }
            .auth-frame .auth-visual-metric span {
                font-size: 10px;
            }
            .auth-frame .auth-visual-metric strong {
                margin-top: 4px;
                font-size: 12px;
                line-height: 1.25;
            }
            .auth-frame .auth-visual-metric em {
                display: none;
            }
            .auth-frame .auth-card,
            .auth-frame .auth-card.wide {
                width: 100%;
                max-width: none;
                border-radius: 24px;
                padding: 18px;
                box-shadow: 0 18px 48px rgba(20, 41, 76, .18);
            }
            .auth-frame .page-title {
                margin-bottom: 14px;
            }
            .auth-frame .auth-card .page-title h1 {
                margin-top: 8px;
                font-size: 28px;
            }
            .auth-frame .page-title p {
                font-size: 13px;
                line-height: 1.55;
            }
            .auth-frame .page-title .actions {
                width: auto;
                display: flex;
            }
            .auth-entry-grid,
            .auth-register-overview {
                grid-template-columns: 1fr;
                gap: 9px;
                margin-bottom: 12px;
            }
            .auth-entry-card,
            .auth-register-overview div {
                border-radius: 16px;
                padding: 12px;
            }
            .auth-trust-strip {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 6px;
                margin-bottom: 12px;
            }
            .auth-trust-strip span {
                justify-content: center;
                padding: 7px 4px;
                font-size: 11px;
            }
            .auth-register-overview strong {
                font-size: 22px;
            }
            .auth-frame .form-grid,
            .auth-frame .role-grid {
                grid-template-columns: 1fr;
                gap: 11px;
            }
            .auth-frame .field {
                gap: 4px;
            }
            .auth-frame .field.full {
                grid-column: auto;
            }
            .auth-frame input,
            .auth-frame select,
            .auth-frame textarea,
            .auth-frame .captcha-code {
                min-height: 44px;
                border-radius: 15px;
            }
            .auth-frame .field.full > .btn,
            .auth-frame button[type="submit"].btn {
                min-height: 48px;
                border-radius: 16px;
            }
            .auth-frame .role-card {
                border-radius: 20px;
            }
        }

        @media (max-width: 760px) {
            .landing-frame {
                background:
                    linear-gradient(180deg, #07111f 0, #0b2742 210px, #eef3f8 460px, #f8fafc 100%);
            }
            .landing-frame .guest-topbar {
                min-height: 68px;
                padding: 11px 14px;
                background: rgba(255, 255, 255, .96);
                box-shadow: 0 10px 30px rgba(15, 23, 42, .10);
            }
            .landing-frame .landing-shell {
                padding: 0;
            }
            .landing-frame .guest-actions .btn {
                min-height: 36px;
                border-radius: 10px;
            }
            .landing-page {
                overflow: visible;
            }
            .landing-hero {
                min-height: auto;
                width: 100%;
                padding: 20px 14px 18px;
                color: #ffffff;
            }
            .landing-hero::before {
                inset: 0;
                background:
                    linear-gradient(180deg, rgba(7, 17, 31, .78), rgba(8, 30, 52, .72)),
                    url('/assets/visual/platform-ops-bg-unified.webp') center top / cover no-repeat;
            }
            .landing-hero::after {
                display: none;
            }
            .landing-hero-grid {
                grid-template-columns: 1fr;
                gap: 14px;
            }
            .landing-kicker {
                min-height: 28px;
                padding: 5px 10px;
                border-radius: 999px;
                font-size: 11px;
            }
            .landing-hero h1 {
                margin: 16px 0 8px;
                font-size: 31px;
                line-height: 1.16;
            }
            .landing-subtitle {
                font-size: 14px;
                line-height: 1.7;
            }
            .landing-actions {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px;
                margin-top: 16px;
            }
            .landing-actions .btn {
                width: 100%;
                min-height: 44px;
                padding: 10px 8px;
                border-radius: 12px;
            }
            .landing-actions .btn:nth-child(3) {
                grid-column: 1 / -1;
            }
            .landing-trust-strip {
                display: none;
            }
            .landing-command {
                margin-top: 6px;
                border-radius: 16px;
                background: linear-gradient(180deg, rgba(8, 24, 39, .92), rgba(10, 42, 56, .88));
                box-shadow: 0 18px 50px rgba(3, 10, 24, .26);
            }
            .landing-command-head,
            .landing-command-body {
                padding: 13px;
            }
            .landing-command-head strong {
                font-size: 14px;
            }
            .landing-live-dot {
                min-width: 58px;
                min-height: 26px;
                font-size: 11px;
            }
            .landing-command-metrics {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 9px;
            }
            .landing-command-metric {
                min-height: 70px;
                border-radius: 12px;
                padding: 11px;
            }
            .landing-command-metric strong {
                font-size: 22px;
            }
            .landing-command-list {
                display: none;
            }
            .landing-section {
                width: 100%;
                padding: 16px 12px;
            }
            .landing-overview-section {
                margin-top: 0;
                padding-top: 14px;
            }
            .landing-overview-shell,
            .landing-workspace-board {
                border-radius: 16px;
                box-shadow: 0 14px 38px rgba(15, 23, 42, .08);
            }
            .landing-overview-title {
                gap: 8px;
                padding: 17px 16px 14px;
            }
            .landing-overview-title h2,
            .landing-section-head h2 {
                font-size: 24px;
                line-height: 1.22;
            }
            .landing-overview-title p,
            .landing-section-head p {
                font-size: 13px;
                line-height: 1.65;
            }
            .landing-kpi-strip {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .landing-kpi-item {
                min-height: 118px;
                padding: 16px;
                border-right: 1px solid var(--line-soft);
            }
            .landing-kpi-item:nth-child(2n) {
                border-right: 0;
            }
            .landing-kpi-item strong {
                font-size: 29px;
            }
            .landing-status-grid {
                gap: 10px;
                padding: 12px;
                border-top: 1px solid var(--line-soft);
                background: #ffffff;
            }
            .landing-status-line {
                grid-template-columns: 1fr;
                gap: 6px;
                min-height: auto;
                border: 1px solid #e2e8f0;
                border-radius: 13px;
                padding: 12px;
                background: #f8fbff;
            }
            .landing-status-line em {
                justify-self: start;
            }
            .landing-section-head {
                gap: 8px;
                margin-bottom: 12px;
                padding: 0 2px;
            }
            .landing-workspace-board {
                display: block;
                overflow: hidden;
            }
            .landing-workspace-side {
                min-width: 0;
                min-height: auto;
                padding: 20px;
                border-radius: 16px 16px 0 0;
                display: block;
            }
            .landing-workspace-side h3 {
                margin-top: 12px;
                font-size: 20px;
                line-height: 1.35;
                word-break: break-word;
            }
            .landing-workspace-side p {
                font-size: 13px;
                line-height: 1.65;
            }
            .landing-workspace-actions {
                margin-top: 18px;
            }
            .landing-workspace-actions .btn {
                min-height: 40px;
                border-radius: 12px;
            }
            .landing-workspace-matrix {
                min-width: 0;
                display: grid;
                gap: 10px;
                padding: 12px;
                background: #ffffff;
            }
            .landing-matrix-head {
                display: none;
            }
            .landing-matrix-row {
                display: grid;
                grid-template-columns: 1fr;
                min-height: auto;
                overflow: hidden;
                border: 1px solid #e2e8f0;
                border-radius: 14px;
                background: #ffffff;
            }
            .landing-matrix-row > * {
                height: auto;
                display: block;
                border-right: 0;
                padding: 0;
            }
            .landing-matrix-row strong {
                padding: 13px 14px;
                background: #f6f9fc;
                font-size: 16px;
            }
            .landing-matrix-row span {
                position: relative;
                min-height: 42px;
                padding: 10px 14px 10px 72px;
                border-top: 1px solid #edf2f7;
                color: #334155;
                font-size: 13px;
                line-height: 1.55;
            }
            .landing-matrix-row span::before {
                position: absolute;
                left: 14px;
                top: 10px;
                color: #0f766e;
                font-size: 12px;
                font-weight: 900;
            }
            .landing-matrix-row span:nth-of-type(1)::before { content: "商家"; }
            .landing-matrix-row span:nth-of-type(2)::before { content: "接单"; }
            .landing-matrix-row span:nth-of-type(3)::before { content: "平台"; }
            .landing-process-rail {
                grid-template-columns: 1fr;
                gap: 10px;
                padding: 0;
            }
            .landing-process-rail::before {
                display: none;
            }
            .landing-process-step {
                min-height: auto;
                border: 1px solid #e2e8f0;
                border-radius: 14px;
                padding: 14px 14px 14px 64px;
                background: #ffffff;
                box-shadow: 0 10px 28px rgba(15, 23, 42, .05);
            }
            .landing-process-step span {
                position: absolute;
                left: 14px;
                top: 14px;
                width: 34px;
                height: 34px;
                border: 0;
                border-radius: 11px;
            }
            .landing-process-step h3 {
                margin: 0 0 6px;
                font-size: 18px;
            }
            .landing-process-step p {
                font-size: 13px;
                line-height: 1.6;
            }
        }

        @media (max-width: 760px) {
            html,
            body {
                overflow-x: hidden;
            }
            .brand-mark,
            .admin-frame .brand-mark {
                object-fit: contain;
                background: transparent;
            }
            .landing-frame {
                background:
                    linear-gradient(180deg, #f7fbff 0, #eef5fb 48%, #ffffff 100%),
                    linear-gradient(90deg, rgba(31, 107, 255, .045) 1px, transparent 1px),
                    linear-gradient(180deg, rgba(15, 118, 110, .045) 1px, transparent 1px);
                background-size: auto, 28px 28px, 28px 28px;
            }
            .landing-frame .guest-topbar {
                position: sticky;
                top: 0;
                z-index: 20;
                min-height: 68px;
                padding: 10px 14px;
                border-bottom: 1px solid rgba(213, 224, 238, .86);
                background: rgba(255, 255, 255, .94);
                box-shadow: 0 12px 32px rgba(21, 44, 73, .10);
            }
            .landing-frame .guest-topbar .brand-block {
                min-width: 0;
                gap: 10px;
            }
            .landing-frame .guest-topbar .brand-mark {
                width: 40px;
                height: 40px;
                border-radius: 13px;
                box-shadow: 0 12px 26px rgba(31, 107, 255, .20);
            }
            .landing-frame .guest-topbar .brand-title {
                max-width: 165px;
                overflow: hidden;
                color: #102033;
                font-size: 14px;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
            .landing-frame .guest-topbar .brand-subtitle {
                display: none;
            }
            .landing-frame .guest-actions {
                flex-wrap: nowrap;
                gap: 8px;
            }
            .landing-frame .guest-actions .btn {
                min-height: 36px;
                border-radius: 12px;
                padding: 0 12px;
                font-size: 12px;
                white-space: nowrap;
            }
            .landing-frame .guest-actions .btn.secondary {
                background: #f5f9ff;
                color: #1f4ea8;
            }
            .landing-frame .landing-shell {
                padding: 0;
            }
            .landing-page {
                overflow: hidden;
                background: transparent;
            }
            .landing-hero {
                width: 100%;
                min-height: auto;
                padding: 22px 14px 20px;
                overflow: hidden;
                border-radius: 0 0 28px 28px;
                box-shadow: 0 20px 48px rgba(8, 28, 48, .18);
            }
            .landing-hero::before {
                inset: 0;
                background:
                    linear-gradient(135deg, rgba(7, 17, 31, .96) 0%, rgba(12, 59, 97, .88) 48%, rgba(15, 118, 110, .62) 100%),
                    url('/assets/visual/platform-ops-bg-unified.webp') center top / cover no-repeat;
                transform: none;
            }
            .landing-hero::after {
                display: none;
            }
            .landing-hero-grid {
                grid-template-columns: 1fr;
                gap: 14px;
            }
            .landing-kicker {
                min-height: 30px;
                padding: 6px 10px;
                border-color: rgba(255, 255, 255, .24);
                background: rgba(255, 255, 255, .10);
                color: #dff7ff;
                font-size: 11px;
            }
            .landing-hero h1 {
                max-width: 9em;
                margin: 15px 0 9px;
                color: #ffffff;
                font-size: 35px;
                line-height: 1.14;
                letter-spacing: 0;
            }
            .landing-subtitle {
                max-width: none;
                color: rgba(239, 247, 255, .88);
                font-size: 14px;
                line-height: 1.75;
            }
            .landing-actions {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px;
                margin-top: 18px;
            }
            .landing-actions .btn {
                width: 100%;
                min-height: 46px;
                border-radius: 14px;
                padding: 10px 8px;
                font-size: 13px;
            }
            .landing-actions .btn:first-child {
                border-color: rgba(15, 118, 110, .74);
                background: linear-gradient(135deg, #0f766e, #0ea5e9);
                box-shadow: 0 14px 30px rgba(14, 165, 233, .24);
            }
            .landing-actions .btn:nth-child(3) {
                grid-column: 1 / -1;
            }
            .landing-actions .btn.secondary {
                background: rgba(255, 255, 255, .12);
                border-color: rgba(255, 255, 255, .28);
                color: #ffffff;
            }
            .landing-trust-strip {
                display: none;
            }
            .landing-command {
                margin-top: 2px;
                border-radius: 20px;
                border-color: rgba(255, 255, 255, .18);
                background: rgba(7, 17, 31, .48);
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10);
                backdrop-filter: blur(16px);
            }
            .landing-command-head {
                padding: 13px 13px 7px;
                border-bottom: 0;
            }
            .landing-command-head strong {
                font-size: 14px;
            }
            .landing-command-head span {
                display: none;
            }
            .landing-live-dot {
                min-width: 50px;
                min-height: 25px;
                background: rgba(246, 193, 90, .18);
                color: #ffe2a7;
                font-size: 11px;
            }
            .landing-command-body {
                padding: 7px 13px 13px;
            }
            .landing-command-metrics {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 8px;
            }
            .landing-command-metric {
                min-height: 68px;
                border-radius: 14px;
                padding: 10px;
                background: rgba(255, 255, 255, .10);
            }
            .landing-command-metric span {
                font-size: 11px;
            }
            .landing-command-metric strong {
                margin-top: 5px;
                font-size: 22px;
            }
            .landing-command-list {
                display: none;
            }
            .landing-section {
                width: 100%;
                padding: 18px 14px;
            }
            .landing-overview-section {
                margin-top: 0;
                padding-top: 18px;
            }
            .landing-overview-shell,
            .landing-workspace-board {
                border-radius: 20px;
                box-shadow: 0 14px 38px rgba(23, 42, 69, .08);
            }
            .landing-overview-title {
                display: block;
                padding: 18px 16px 14px;
            }
            .landing-overview-title h2,
            .landing-section-head h2 {
                font-size: 24px;
                line-height: 1.22;
            }
            .landing-overview-title p,
            .landing-section-head p {
                max-width: none;
                margin-top: 8px;
                font-size: 13px;
                line-height: 1.65;
            }
            .landing-kpi-strip {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                background: #ffffff;
            }
            .landing-kpi-item {
                min-height: 106px;
                padding: 15px 16px;
                border-top: 1px solid var(--line-soft);
                border-right: 1px solid var(--line-soft);
            }
            .landing-kpi-item:nth-child(2n) {
                border-right: 0;
            }
            .landing-kpi-item strong {
                font-size: 30px;
            }
            .landing-status-grid {
                gap: 9px;
                padding: 12px;
                border-top: 1px solid var(--line-soft);
                background: #f8fbff;
            }
            .landing-status-line {
                grid-template-columns: 1fr auto;
                gap: 7px 10px;
                min-height: auto;
                padding: 12px;
                border: 1px solid #e1eaf5;
                border-radius: 14px;
                background: #ffffff;
            }
            .landing-status-line span {
                grid-column: 1;
                color: #4d647f;
            }
            .landing-status-line strong {
                grid-column: 1 / -1;
                line-height: 1.55;
            }
            .landing-status-line em {
                grid-column: 2;
                grid-row: 1;
                justify-self: end;
            }
            .landing-section-head {
                display: block;
                margin-bottom: 13px;
                padding: 0 2px;
            }
            .landing-workspace-board {
                display: block;
                overflow: visible;
                border: 0;
                background: transparent;
                box-shadow: none;
            }
            .landing-workspace-side {
                min-width: 0;
                min-height: auto;
                padding: 20px;
                border-radius: 20px;
                background:
                    linear-gradient(135deg, rgba(15, 32, 51, .96), rgba(10, 89, 102, .92)),
                    url('/assets/visual/platform-ops-bg-unified.webp') right center / cover no-repeat;
                box-shadow: 0 16px 36px rgba(8, 28, 48, .16);
            }
            .landing-workspace-side h3 {
                margin-top: 12px;
                font-size: 21px;
                line-height: 1.35;
            }
            .landing-workspace-side p {
                font-size: 13px;
                line-height: 1.65;
            }
            .landing-workspace-actions {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px;
                margin-top: 18px;
            }
            .landing-workspace-actions .btn {
                width: 100%;
                min-height: 42px;
                border-radius: 13px;
                padding: 9px 10px;
            }
            .landing-workspace-matrix {
                min-width: 0;
                display: grid;
                gap: 10px;
                margin-top: 12px;
                padding: 0;
                background: transparent;
            }
            .landing-matrix-head {
                display: none;
            }
            .landing-matrix-row {
                display: grid;
                grid-template-columns: 1fr;
                min-height: auto;
                overflow: hidden;
                border: 1px solid #dbe7f3;
                border-radius: 16px;
                background: #ffffff;
                box-shadow: 0 10px 28px rgba(23, 42, 69, .06);
            }
            .landing-matrix-row > * {
                height: auto;
                display: block;
                border-right: 0;
                padding: 0;
            }
            .landing-matrix-row strong {
                padding: 13px 14px;
                background: #f5f9ff;
                color: #102033;
                font-size: 16px;
            }
            .landing-matrix-row span {
                position: relative;
                min-height: 42px;
                padding: 10px 14px 10px 78px;
                border-top: 1px solid #edf3fa;
                color: #334155;
                font-size: 13px;
                line-height: 1.55;
            }
            .landing-matrix-row span::before {
                position: absolute;
                left: 14px;
                top: 10px;
                min-width: 46px;
                color: #0f766e;
                font-size: 12px;
                font-weight: 900;
            }
            .landing-matrix-row span:nth-of-type(1)::before { content: "商家"; }
            .landing-matrix-row span:nth-of-type(2)::before { content: "接单"; }
            .landing-matrix-row span:nth-of-type(3)::before { content: "平台"; }
            .landing-process-rail {
                grid-template-columns: 1fr;
                gap: 10px;
                padding: 0;
            }
            .landing-process-rail::before {
                display: none;
            }
            .landing-process-step {
                min-height: auto;
                border: 1px solid #dbe7f3;
                border-radius: 16px;
                padding: 14px 14px 14px 64px;
                background: #ffffff;
                box-shadow: 0 10px 28px rgba(23, 42, 69, .06);
            }
            .landing-process-step span {
                position: absolute;
                left: 14px;
                top: 14px;
                width: 36px;
                height: 36px;
                border: 0;
                border-radius: 12px;
                background: linear-gradient(135deg, #e8f7ff, #eefdf7);
                color: #0f766e;
            }
            .landing-process-step h3 {
                margin: 0 0 6px;
                font-size: 18px;
            }
            .landing-process-step p {
                font-size: 13px;
                line-height: 1.6;
            }
            .auth-frame {
                background:
                    linear-gradient(180deg, #f8fbff 0, #eef5fb 48%, #ffffff 100%),
                    linear-gradient(90deg, rgba(31, 107, 255, .045) 1px, transparent 1px),
                    linear-gradient(180deg, rgba(15, 118, 110, .045) 1px, transparent 1px);
                background-size: auto, 28px 28px, 28px 28px;
            }
            .auth-frame .guest-topbar {
                min-height: 68px;
                padding: 10px 14px;
                border-bottom: 1px solid rgba(213, 224, 238, .86);
                background: rgba(255, 255, 255, .94);
                box-shadow: 0 12px 32px rgba(21, 44, 73, .10);
            }
            .auth-frame .guest-topbar .brand-mark {
                width: 40px;
                height: 40px;
                border-radius: 13px;
                border: 0;
                box-shadow: 0 12px 26px rgba(31, 107, 255, .20);
            }
            .auth-frame .guest-topbar .brand-title {
                max-width: 165px;
                overflow: hidden;
                color: #102033;
                font-size: 14px;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
            .auth-frame .guest-topbar .brand-subtitle {
                display: none;
            }
            .auth-frame .guest-actions .btn,
            .auth-frame .guest-actions .btn.secondary {
                min-height: 36px;
                border-radius: 12px;
                padding: 0 12px;
                border-color: rgba(31, 107, 255, .18);
                background: linear-gradient(135deg, #0f766e, #0ea5e9);
                color: #ffffff;
                font-size: 12px;
                box-shadow: 0 10px 24px rgba(14, 165, 233, .18);
            }
            .auth-shell {
                padding: 14px 14px 26px;
                justify-content: flex-start;
            }
            .auth-frame .auth-scene {
                display: grid;
                grid-template-columns: 1fr;
                gap: 0;
                width: 100%;
                max-width: none;
            }
            .auth-frame .auth-visual-panel {
                order: -1;
                display: block;
                min-height: 210px;
                overflow: hidden;
                border-radius: 24px;
                border: 0;
                background:
                    linear-gradient(135deg, rgba(7, 17, 31, .94), rgba(12, 59, 97, .78) 54%, rgba(15, 118, 110, .58)),
                    url('/assets/visual/platform-ops-bg-unified.webp') center top / cover no-repeat;
                box-shadow: 0 18px 42px rgba(8, 28, 48, .16);
            }
            .auth-frame .auth-visual-panel > img {
                display: none;
            }
            .auth-frame .auth-visual-panel::before,
            .auth-frame .auth-visual-panel::after {
                display: none;
            }
            .auth-frame .auth-visual-content {
                inset: 18px;
                display: grid;
                align-content: space-between;
                gap: 14px;
            }
            .auth-frame .auth-portal-kicker {
                width: fit-content;
                border-radius: 999px;
                padding: 6px 10px;
                background: rgba(255, 255, 255, .12);
                color: #dff7ff;
                font-size: 11px;
                font-weight: 900;
            }
            .auth-frame .auth-visual-content h2 {
                margin-top: 10px;
                font-size: 28px;
                line-height: 1.14;
            }
            .auth-frame .auth-visual-content p {
                display: block;
                max-width: 320px;
                color: rgba(239, 247, 255, .82);
                font-size: 13px;
                line-height: 1.6;
            }
            .auth-frame .auth-visual-metrics {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 8px;
            }
            .auth-frame .auth-visual-metric {
                min-height: 54px;
                border-radius: 14px;
                padding: 8px;
                background: rgba(255, 255, 255, .12);
            }
            .auth-frame .auth-visual-metric span {
                color: rgba(239, 247, 255, .72);
                font-size: 10px;
            }
            .auth-frame .auth-visual-metric strong {
                margin-top: 4px;
                color: #ffffff;
                font-size: 15px;
                line-height: 1.2;
            }
            .auth-frame .auth-visual-metric em {
                display: none;
            }
            .auth-frame .auth-card,
            .auth-frame .auth-card.wide {
                width: 100%;
                max-width: none;
                margin-top: 12px;
                padding: 18px;
                border: 1px solid rgba(213, 224, 238, .92);
                border-radius: 24px;
                background: rgba(255, 255, 255, .98);
                box-shadow: 0 16px 40px rgba(23, 42, 69, .10);
            }
            .auth-frame .page-title {
                display: block;
                margin-bottom: 14px;
            }
            .auth-frame .page-kicker {
                padding: 0;
                background: transparent;
                color: #0f766e;
                font-size: 11px;
            }
            .auth-frame .auth-card .page-title h1 {
                margin-top: 7px;
                font-size: 27px;
                line-height: 1.18;
            }
            .auth-frame .page-title p {
                margin-top: 8px;
                font-size: 13px;
                line-height: 1.6;
            }
            .auth-frame .page-title .actions {
                display: none;
            }
            .auth-entry-grid,
            .auth-register-overview {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 9px;
                margin-bottom: 12px;
            }
            .auth-entry-card,
            .auth-register-overview div {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                gap: 6px;
                min-height: 84px;
                border: 1px solid rgba(214, 224, 238, .94);
                border-radius: 16px;
                padding: 12px;
                background: linear-gradient(180deg, #ffffff, #f6fbff);
                color: #102033;
                box-shadow: 0 10px 24px rgba(23, 42, 69, .06);
            }
            .auth-entry-card.primary {
                border-color: rgba(15, 118, 110, .28);
                background: linear-gradient(135deg, rgba(15, 118, 110, .11), rgba(14, 165, 233, .10)), #ffffff;
            }
            .auth-entry-card span,
            .auth-entry-card em {
                display: block;
                overflow: hidden;
                color: #52677f;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 11px;
                font-style: normal;
                font-weight: 900;
            }
            .auth-entry-card strong {
                display: block;
                overflow: hidden;
                color: #102033;
                font-size: 12px;
                line-height: 1.45;
                text-overflow: ellipsis;
                white-space: normal;
            }
            .auth-entry-card em {
                color: #0f766e;
            }
            .auth-trust-strip {
                display: none;
            }
            .auth-frame .form-grid,
            .auth-frame .role-grid {
                grid-template-columns: 1fr;
                gap: 12px;
            }
            .auth-frame .field {
                gap: 5px;
            }
            .auth-frame input,
            .auth-frame select,
            .auth-frame textarea,
            .auth-frame .captcha-code {
                min-height: 48px;
                border-radius: 15px;
            }
            .auth-frame .field.full > .btn,
            .auth-frame button[type="submit"].btn {
                min-height: 50px;
                border-radius: 16px;
                background: linear-gradient(135deg, #0f766e, #0ea5e9);
            }
        }

        :root {
            --platform-navy: #07111f;
            --platform-blue: #0b4f8a;
            --platform-cyan: #0ea5e9;
            --platform-teal: #0f766e;
            --platform-teal-strong: #0b5f5a;
            --platform-amber: #f2b84b;
            --primary: var(--platform-teal);
            --primary-strong: var(--platform-teal-strong);
            --primary-soft: #e7f7f5;
            --accent: #a87522;
        }

        .landing-hero::before {
            background:
                linear-gradient(105deg, rgba(7, 17, 31, .96), rgba(9, 51, 82, .86) 48%, rgba(15, 118, 110, .28)),
                url('/assets/visual/platform-ops-bg-unified.webp') center right / cover no-repeat;
        }
        .landing-command,
        .front-workbench .hero-card,
        .auth-frame .auth-visual-panel,
        .workbench-balance-card {
            background:
                linear-gradient(135deg, rgba(7, 17, 31, .94), rgba(9, 52, 82, .84) 52%, rgba(15, 118, 110, .54)),
                url('/assets/visual/platform-ops-bg-unified.webp') center right / cover no-repeat;
        }
        .auth-frame .auth-visual-panel > img {
            content: url('/assets/visual/platform-ops-bg-unified.webp');
        }
        .btn:not(.secondary):not(.danger),
        button.btn:not(.secondary):not(.danger) {
            background: linear-gradient(135deg, var(--platform-teal), var(--platform-cyan));
            border-color: rgba(15, 118, 110, .48);
        }
        .btn:not(.secondary):not(.danger):hover,
        button.btn:not(.secondary):not(.danger):hover {
            background: linear-gradient(135deg, #0b6f68, #0b91d3);
        }
        .auth-frame .field.full > .btn,
        .auth-frame button[type="submit"].btn,
        .auth-frame .guest-actions .btn:not(.secondary),
        .landing-frame .guest-actions .btn:not(.secondary) {
            border-color: rgba(15, 118, 110, .46);
            background: linear-gradient(135deg, var(--platform-teal), var(--platform-cyan));
            color: #ffffff;
            box-shadow: 0 14px 30px rgba(14, 165, 233, .16);
        }
        .auth-frame .field.full > .btn:hover,
        .auth-frame button[type="submit"].btn:hover,
        .auth-frame .guest-actions .btn:not(.secondary):hover,
        .landing-frame .guest-actions .btn:not(.secondary):hover {
            border-color: rgba(11, 111, 104, .62);
            background: linear-gradient(135deg, #0b6f68, #0b91d3);
            color: #ffffff;
        }
        .status.is-good,
        .status.ok {
            background: #e6f6f1;
            color: #0b7358;
        }
        .landing-live-dot {
            background: rgba(242, 184, 75, .16);
            color: #ffd98a;
        }

        @media (max-width: 760px) {
            :root {
                --mobile-blue: #0b4f8a;
                --mobile-blue-deep: #092f55;
                --mobile-cyan: #0ea5e9;
                --mobile-teal: #0f766e;
                --mobile-ink: #101f33;
                --mobile-card: rgba(255, 255, 255, .96);
            }
            html,
            body {
                background: #eef5f8;
            }
            body {
                background:
                    linear-gradient(180deg, #e7f1f8 0, #f7fafc 310px, #ffffff 100%),
                    linear-gradient(90deg, rgba(15, 118, 110, .045) 1px, transparent 1px),
                    linear-gradient(180deg, rgba(11, 79, 138, .04) 1px, transparent 1px);
                background-size: auto, 28px 28px, 28px 28px;
                color: #1f2d3d;
            }
            .mobile-appbar {
                min-height: 68px;
                border-bottom: 1px solid rgba(213, 224, 238, .86);
                background: rgba(255, 255, 255, .95);
                color: var(--mobile-ink);
                box-shadow: 0 12px 32px rgba(21, 44, 73, .10);
                backdrop-filter: blur(18px);
            }
            .mobile-appbar::after {
                display: none;
            }
            .mobile-brand,
            .mobile-brand:hover,
            .mobile-brand strong {
                color: var(--mobile-ink);
            }
            .mobile-brand span {
                color: #64748b;
            }
            .mobile-brand img {
                border: 0;
                background: transparent;
                object-fit: contain;
                box-shadow: 0 12px 26px rgba(14, 165, 233, .18);
            }
            .mobile-role-chip,
            .mobile-menu summary {
                border-color: rgba(15, 118, 110, .18);
                background: #f5fbfa;
                color: var(--platform-teal-strong);
                box-shadow: none;
            }
            .mobile-menu-grid a.active,
            .mobile-tabbar a.active {
                background:
                    linear-gradient(135deg, rgba(15, 118, 110, .13), rgba(14, 165, 233, .09)),
                    #ffffff;
                color: var(--platform-teal-strong);
            }
            .mobile-menu-icon {
                background: rgba(15, 118, 110, .10);
                color: var(--platform-teal-strong);
            }
            .mobile-tabbar {
                border-color: rgba(203, 216, 235, .92);
                background: rgba(255, 255, 255, .95);
                box-shadow: 0 18px 48px rgba(20, 41, 76, .18);
            }
            .mobile-tabbar a {
                color: #6b7f98;
            }
            .landing-frame,
            .auth-frame {
                background:
                    linear-gradient(180deg, #eef5f8 0, #f7fafc 46%, #ffffff 100%),
                    linear-gradient(90deg, rgba(15, 118, 110, .045) 1px, transparent 1px),
                    linear-gradient(180deg, rgba(11, 79, 138, .04) 1px, transparent 1px);
                background-size: auto, 28px 28px, 28px 28px;
            }
            .landing-frame .guest-topbar,
            .auth-frame .guest-topbar {
                background: rgba(255, 255, 255, .95);
                box-shadow: 0 12px 32px rgba(21, 44, 73, .10);
            }
            .landing-frame .guest-actions .btn,
            .auth-frame .guest-actions .btn,
            .auth-frame .guest-actions .btn.secondary {
                border-color: rgba(15, 118, 110, .38);
                background: linear-gradient(135deg, var(--platform-teal), var(--platform-cyan));
                color: #ffffff;
                box-shadow: 0 10px 24px rgba(14, 165, 233, .16);
            }
            .landing-hero,
            .auth-frame .auth-visual-panel,
            .front-workbench .hero-card,
            .merchant-project-page .project-command {
                border-radius: 0 0 26px 26px;
                background:
                    linear-gradient(135deg, rgba(7, 17, 31, .94), rgba(9, 52, 82, .82) 54%, rgba(15, 118, 110, .56)),
                    url('/assets/visual/platform-ops-bg-unified.webp') center top / cover no-repeat;
                box-shadow: 0 18px 42px rgba(8, 28, 48, .16);
            }
            .auth-frame .auth-visual-panel,
            .front-workbench .hero-card,
            .merchant-project-page .project-command {
                border-radius: 24px;
            }
            .landing-hero::before {
                background:
                    linear-gradient(135deg, rgba(7, 17, 31, .94), rgba(9, 52, 82, .82) 54%, rgba(15, 118, 110, .56)),
                    url('/assets/visual/platform-ops-bg-unified.webp') center top / cover no-repeat;
            }
            .landing-actions .btn:first-child,
            .auth-frame .field.full > .btn,
            .auth-frame button[type="submit"].btn,
            .shell .btn:not(.danger),
            .admin-frame .shell .btn:not(.danger),
            .shell button.btn:not(.danger) {
                border-color: rgba(15, 118, 110, .46);
                background: linear-gradient(135deg, var(--platform-teal), var(--platform-cyan));
                color: #ffffff;
                box-shadow: 0 12px 26px rgba(14, 165, 233, .16);
            }
            .shell .btn.secondary:not(.danger),
            .admin-frame .shell .btn.secondary:not(.danger),
            .shell button.btn.secondary:not(.danger) {
                border-color: rgba(15, 118, 110, .22);
                background: linear-gradient(180deg, #ffffff, #f0f8fb);
                color: var(--platform-teal-strong);
                box-shadow: 0 8px 18px rgba(15, 118, 110, .07);
            }
            .front-workbench .hero-card .workbench-hero-actions .btn:not(.secondary):not(.danger) {
                border-color: rgba(255, 255, 255, .92);
                background: #ffffff;
                color: var(--mobile-blue-deep);
                box-shadow: 0 12px 30px rgba(5, 26, 69, .16);
            }
            .front-workbench .hero-card .workbench-hero-actions .btn.secondary:not(.danger) {
                border-color: rgba(255, 255, 255, .30);
                background: rgba(255, 255, 255, .15);
                color: #ffffff;
                box-shadow: none;
            }
            .workbench-balance-card {
                background:
                    linear-gradient(135deg, rgba(7, 17, 31, .96), rgba(9, 52, 82, .88) 54%, rgba(15, 118, 110, .70)),
                    url('/assets/visual/platform-ops-bg-unified.webp') center / cover no-repeat;
            }
            .workbench-progress-track span,
            .metric::after,
            .project-progress-track span {
                background: linear-gradient(90deg, var(--platform-teal), var(--platform-cyan));
            }
            .landing-workspace-matrix {
                display: grid;
                gap: 10px;
            }
            .landing-matrix-row.landing-matrix-head {
                display: none !important;
            }
            .landing-workspace-matrix .landing-matrix-row:not(.landing-matrix-head) {
                grid-template-columns: 1fr;
                border-color: #dbe7f3;
                border-radius: 16px;
                background: #ffffff;
                box-shadow: 0 10px 28px rgba(23, 42, 69, .06);
            }
            .landing-workspace-matrix .landing-matrix-row:not(.landing-matrix-head) > strong {
                padding: 13px 14px;
                background: linear-gradient(180deg, #f7fbfd, #eef7f7);
                color: var(--mobile-ink);
            }
            .landing-workspace-matrix .landing-matrix-row:not(.landing-matrix-head) > span {
                display: block;
                position: relative;
                min-height: 42px;
                padding: 10px 14px 10px 78px;
                border-top: 1px solid #edf3fa;
                color: #334155;
                line-height: 1.55;
            }
            .landing-workspace-matrix .landing-matrix-row:not(.landing-matrix-head) > span::before {
                position: absolute;
                left: 14px;
                top: 10px;
                min-width: 46px;
                color: var(--platform-teal-strong);
                font-size: 12px;
                font-weight: 900;
            }
            .landing-workspace-matrix .landing-matrix-row:not(.landing-matrix-head) > span:nth-of-type(1)::before { content: "商家"; }
            .landing-workspace-matrix .landing-matrix-row:not(.landing-matrix-head) > span:nth-of-type(2)::before { content: "接单"; }
            .landing-workspace-matrix .landing-matrix-row:not(.landing-matrix-head) > span:nth-of-type(3)::before { content: "平台"; }
            .landing-workspace-side {
                background:
                    linear-gradient(135deg, rgba(7, 17, 31, .94), rgba(9, 52, 82, .82) 54%, rgba(15, 118, 110, .56)),
                    url('/assets/visual/platform-ops-bg-unified.webp') right center / cover no-repeat;
            }
        }

        @media (max-width: 760px) {
            .front-workbench .hero-card,
            .merchant-project-page .project-command {
                color: #ffffff;
            }
            .front-workbench .hero-card p,
            .merchant-project-page .project-command p {
                color: rgba(234, 247, 255, .90);
            }
            .front-workbench .hero-card h1,
            .merchant-project-page .project-command h1 {
                color: #ffffff;
                text-shadow: 0 12px 30px rgba(0, 0, 0, .22);
            }
            .front-workbench .hero-card .page-kicker,
            .merchant-project-page .project-command .page-kicker {
                color: #8deee6;
                background: rgba(255, 255, 255, .13);
            }
            .front-workbench .hero-card .workbench-hero-actions {
                padding: 12px;
                border: 1px solid rgba(255, 255, 255, .18);
                border-radius: 20px;
                background: rgba(255, 255, 255, .10);
                backdrop-filter: blur(14px);
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
            }
            .front-workbench .hero-card .workbench-hero-actions .btn:not(.secondary):not(.danger) {
                border-color: rgba(14, 165, 233, .42);
                background: linear-gradient(135deg, #0f766e, #0ea5e9);
                color: #ffffff;
                box-shadow: 0 12px 28px rgba(14, 165, 233, .18);
            }
            .front-workbench .hero-card .workbench-hero-actions .btn.secondary:not(.danger) {
                border-color: rgba(255, 255, 255, .28);
                background: rgba(255, 255, 255, .14);
                color: #ffffff;
                box-shadow: none;
            }
            .mobile-menu summary {
                border-color: rgba(14, 165, 233, .36);
                background: linear-gradient(135deg, #0f766e, #0ea5e9);
                color: #ffffff;
                box-shadow: 0 10px 22px rgba(14, 165, 233, .18);
            }
            .mobile-menu summary .nav-icon {
                color: #ffffff;
                stroke-width: 2.2;
            }
            .mobile-menu-grid > :nth-child(1),
            .mobile-tabbar a:nth-child(1) {
                --nav-a: #0f766e;
                --nav-b: #0ea5e9;
                --nav-soft: rgba(15, 118, 110, .10);
            }
            .mobile-menu-grid > :nth-child(2),
            .mobile-tabbar a:nth-child(2) {
                --nav-a: #2563eb;
                --nav-b: #06b6d4;
                --nav-soft: rgba(37, 99, 235, .10);
            }
            .mobile-menu-grid > :nth-child(3),
            .mobile-tabbar a:nth-child(3) {
                --nav-a: #0891b2;
                --nav-b: #14b8a6;
                --nav-soft: rgba(8, 145, 178, .10);
            }
            .mobile-menu-grid > :nth-child(4),
            .mobile-tabbar a:nth-child(4) {
                --nav-a: #0d9488;
                --nav-b: #22c55e;
                --nav-soft: rgba(13, 148, 136, .10);
            }
            .mobile-menu-grid > :nth-child(5),
            .mobile-tabbar a:nth-child(5) {
                --nav-a: #0284c7;
                --nav-b: #38bdf8;
                --nav-soft: rgba(2, 132, 199, .10);
            }
            .mobile-menu-grid > :nth-child(6) {
                --nav-a: #059669;
                --nav-b: #84cc16;
                --nav-soft: rgba(5, 150, 105, .10);
            }
            .mobile-menu-grid > :nth-child(7) {
                --nav-a: #0f766e;
                --nav-b: #f2b84b;
                --nav-soft: rgba(242, 184, 75, .12);
            }
            .mobile-menu-grid > :nth-child(8) {
                --nav-a: #64748b;
                --nav-b: #0f766e;
                --nav-soft: rgba(100, 116, 139, .10);
            }
            .mobile-menu-grid > :nth-child(n+9) {
                --nav-a: #334155;
                --nav-b: #0ea5e9;
                --nav-soft: rgba(51, 65, 85, .10);
            }
            .mobile-menu-grid a,
            .mobile-menu-grid button {
                background:
                    linear-gradient(135deg, var(--nav-soft, rgba(15, 118, 110, .10)), rgba(255, 255, 255, .96) 58%),
                    #ffffff;
            }
            .mobile-menu-icon,
            .mobile-tab-icon {
                width: 36px;
                height: 36px;
                border-radius: 14px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                flex: 0 0 auto;
                background: linear-gradient(135deg, var(--nav-a, #0f766e), var(--nav-b, #0ea5e9));
                color: #ffffff;
                box-shadow: 0 10px 22px color-mix(in srgb, var(--nav-a, #0f766e) 24%, transparent);
            }
            .mobile-tab-icon {
                width: 30px;
                height: 30px;
                border-radius: 12px;
                margin-bottom: 2px;
            }
            .mobile-menu-icon .nav-icon,
            .mobile-tab-icon .nav-icon {
                width: 18px;
                height: 18px;
                color: #ffffff;
                stroke-width: 2.2;
            }
            .mobile-tab-icon .nav-icon {
                width: 17px;
                height: 17px;
            }
            .mobile-tabbar a {
                gap: 2px;
                color: #64748b;
            }
            .mobile-tabbar a.active {
                background:
                    linear-gradient(180deg, var(--nav-soft, rgba(15, 118, 110, .10)), rgba(255, 255, 255, .96)),
                    #ffffff;
                color: #102033;
                box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--nav-a, #0f766e) 20%, transparent);
            }
            .mobile-tabbar a.active .mobile-tab-icon {
                transform: translateY(-1px);
                box-shadow: 0 12px 24px color-mix(in srgb, var(--nav-a, #0f766e) 28%, transparent);
            }
            .mobile-menu-grid a.active {
                border-color: color-mix(in srgb, var(--nav-a, #0f766e) 30%, #ffffff);
                background:
                    linear-gradient(135deg, var(--nav-soft, rgba(15, 118, 110, .12)), rgba(255, 255, 255, .98)),
                    #ffffff;
                color: #102033;
            }
        }

        .auth-frame .onboarding-page {
            width: min(1120px, calc(100vw - 48px));
            margin: 0 auto;
            display: grid;
            grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
            gap: 18px;
            align-items: stretch;
        }

        .auth-frame .onboarding-hero,
        .auth-frame .onboarding-main,
        .auth-frame .onboarding-form-card {
            border-radius: 30px;
        }

        .auth-frame .onboarding-hero {
            position: relative;
            min-height: 650px;
            overflow: hidden;
            padding: 34px;
            color: #ffffff;
            background:
                linear-gradient(140deg, rgba(4, 13, 28, .96), rgba(8, 49, 82, .86) 52%, rgba(15, 118, 110, .70)),
                url('/assets/visual/platform-ops-bg-unified.webp') center / cover no-repeat;
            box-shadow: 0 30px 80px rgba(8, 30, 52, .22);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            isolation: isolate;
        }

        .auth-frame .onboarding-hero::before {
            content: "";
            position: absolute;
            inset: 18px;
            border: 1px solid rgba(255, 255, 255, .12);
            border-radius: 24px;
            pointer-events: none;
            z-index: -1;
        }

        .auth-frame .onboarding-hero::after {
            content: "";
            position: absolute;
            right: -80px;
            bottom: -100px;
            width: 260px;
            height: 260px;
            border-radius: 999px;
            background: radial-gradient(circle, rgba(14, 165, 233, .34), transparent 66%);
            pointer-events: none;
            z-index: -1;
        }

        .auth-frame .onboarding-badge {
            width: fit-content;
            min-height: 32px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 6px 11px;
            border: 1px solid rgba(255, 255, 255, .16);
            border-radius: 999px;
            background: rgba(255, 255, 255, .10);
            color: #dff7ff;
            font-size: 12px;
            font-weight: 900;
        }

        .auth-frame .onboarding-badge::before {
            content: "";
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #f7c948;
            box-shadow: 0 0 0 6px rgba(247, 201, 72, .16);
        }

        .auth-frame .onboarding-hero h1 {
            max-width: 440px;
            margin: 24px 0 12px;
            color: #ffffff;
            font-size: clamp(34px, 4vw, 50px);
            line-height: 1.08;
            font-weight: 950;
            text-shadow: 0 14px 34px rgba(0, 0, 0, .25);
        }

        .auth-frame .onboarding-hero p {
            max-width: 470px;
            margin: 0;
            color: rgba(232, 247, 255, .88);
            font-size: 15px;
            line-height: 1.75;
        }

        .auth-frame .onboarding-points {
            display: grid;
            gap: 10px;
            margin-top: 28px;
        }

        .auth-frame .onboarding-points span,
        .auth-frame .onboarding-flow-item {
            border: 1px solid rgba(255, 255, 255, .12);
            border-radius: 16px;
            background: rgba(255, 255, 255, .08);
            backdrop-filter: blur(14px);
        }

        .auth-frame .onboarding-points span {
            min-height: 42px;
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px 12px;
            color: rgba(255, 255, 255, .92);
            font-size: 13px;
            font-weight: 800;
        }

        .auth-frame .onboarding-points .nav-icon {
            width: 16px;
            height: 16px;
            color: #8deee6;
        }

        .auth-frame .onboarding-flow {
            display: grid;
            gap: 10px;
            margin-top: 28px;
        }

        .auth-frame .onboarding-flow-item {
            display: grid;
            grid-template-columns: 42px minmax(0, 1fr);
            gap: 12px;
            align-items: center;
            min-height: 70px;
            padding: 12px;
        }

        .auth-frame .onboarding-flow-item span:first-child {
            width: 42px;
            height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 14px;
            background: linear-gradient(135deg, #1d4ed8, #0ea5e9 52%, #0f766e);
            color: #ffffff;
            font-weight: 950;
            box-shadow: 0 12px 24px rgba(14, 165, 233, .22);
        }

        .auth-frame .onboarding-flow-item strong {
            display: block;
            color: #ffffff;
            font-size: 14px;
        }

        .auth-frame .onboarding-flow-item em {
            display: block;
            margin-top: 2px;
            color: rgba(232, 247, 255, .70);
            font-style: normal;
            font-size: 12px;
        }

        .auth-frame .onboarding-main,
        .auth-frame .onboarding-form-card {
            border: 1px solid rgba(216, 227, 239, .96);
            background:
                linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(247, 251, 255, .98)),
                #ffffff;
            box-shadow: 0 24px 64px rgba(15, 23, 42, .12);
            padding: clamp(22px, 3vw, 34px);
        }

        .auth-frame .onboarding-main-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 22px;
        }

        .auth-frame .onboarding-main-head h2,
        .auth-frame .onboarding-form-card h2 {
            margin: 8px 0 8px;
            color: #0f172a;
            font-size: clamp(28px, 3vw, 38px);
            line-height: 1.15;
            font-weight: 950;
        }

        .auth-frame .onboarding-main-head p,
        .auth-frame .onboarding-form-card .onboarding-form-intro {
            max-width: 620px;
            margin: 0;
            color: #5f7087;
            line-height: 1.75;
        }

        .auth-frame .onboarding-return {
            min-height: 30px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(14, 165, 233, .22);
            border-radius: 999px;
            padding: 0 10px;
            background: rgba(255, 255, 255, .78);
            color: #075c66;
            font-size: 12px;
            font-weight: 900;
            line-height: 1;
            white-space: nowrap;
            flex: 0 0 auto;
        }

        .auth-frame .onboarding-role-grid {
            display: grid;
            gap: 14px;
        }

        .auth-frame .onboarding-role {
            position: relative;
            overflow: hidden;
            display: grid;
            grid-template-columns: 58px minmax(0, 1fr) auto;
            gap: 16px;
            align-items: center;
            min-height: 166px;
            border: 1px solid rgba(216, 227, 239, .96);
            border-radius: 24px;
            padding: 20px;
            background:
                linear-gradient(135deg, rgba(14, 165, 233, .10), rgba(255, 255, 255, .98) 56%),
                #ffffff;
            color: #102033;
            box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
        }

        .auth-frame .onboarding-role::after {
            content: "";
            position: absolute;
            inset: auto -40px -70px auto;
            width: 180px;
            height: 180px;
            border-radius: 999px;
            background: radial-gradient(circle, rgba(14, 165, 233, .16), transparent 66%);
            pointer-events: none;
        }

        .auth-frame .onboarding-role:hover {
            border-color: rgba(14, 165, 233, .34);
            color: #102033;
            box-shadow: 0 20px 48px rgba(14, 165, 233, .12);
            transform: translateY(-1px);
        }

        .auth-frame .onboarding-role.merchant {
            background:
                linear-gradient(135deg, rgba(15, 118, 110, .11), rgba(255, 255, 255, .98) 58%),
                #ffffff;
        }

        .auth-frame .onboarding-role-icon {
            width: 58px;
            height: 58px;
            border-radius: 19px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, #1d4ed8, #0ea5e9 52%, #0f766e);
            color: #ffffff;
            box-shadow: 0 14px 28px rgba(14, 165, 233, .20);
        }

        .auth-frame .onboarding-role.merchant .onboarding-role-icon {
            background: linear-gradient(135deg, #0f766e, #14b8a6 58%, #f59e0b);
        }

        .auth-frame .onboarding-role-icon .nav-icon {
            width: 26px;
            height: 26px;
            color: #ffffff;
            stroke-width: 2.2;
        }

        .auth-frame .onboarding-role h3 {
            margin: 0;
            color: #0f172a;
            font-size: 24px;
            font-weight: 950;
            line-height: 1.2;
        }

        .auth-frame .onboarding-role p {
            margin: 8px 0 0;
            color: #52677f;
            line-height: 1.7;
        }

        .auth-frame .onboarding-role-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 14px;
        }

        .auth-frame .onboarding-role-meta span {
            min-height: 28px;
            display: inline-flex;
            align-items: center;
            border-radius: 999px;
            padding: 0 10px;
            background: #edf7ff;
            color: #0b4f8a;
            font-size: 12px;
            font-weight: 900;
        }

        .auth-frame .onboarding-role.merchant .onboarding-role-meta span {
            background: #e7f7f5;
            color: #0b5f5a;
        }

        .auth-frame .onboarding-role-action {
            min-width: 112px;
            min-height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            background: linear-gradient(135deg, #1d4ed8, #0ea5e9 52%, #0f766e);
            color: #ffffff;
            font-weight: 950;
            box-shadow: 0 12px 26px rgba(14, 165, 233, .20);
        }

        .auth-frame .onboarding-form-card {
            align-self: stretch;
        }

        .auth-frame .onboarding-form-head {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 18px;
            margin-bottom: 22px;
        }

        .auth-frame .onboarding-form-card .form-grid {
            gap: 14px;
        }

        .auth-frame .onboarding-form-card .field {
            gap: 7px;
        }

        .auth-frame .onboarding-form-card label {
            color: #334155;
            font-weight: 900;
        }

        .auth-frame .onboarding-form-card input,
        .auth-frame .onboarding-form-card .captcha-code {
            min-height: 52px;
            border-radius: 16px;
            border-color: #d4e1ef;
            background: #ffffff;
            font-size: 15px;
        }

        .auth-frame .onboarding-form-card .captcha-code {
            background: linear-gradient(135deg, #eef7ff, #eefcf8);
            color: #0b5f5a;
            font-weight: 950;
        }

        .auth-frame .onboarding-form-card button[type="submit"].btn {
            width: 100%;
            min-height: 54px;
            border-radius: 17px;
            font-size: 15px;
        }

        @media (max-width: 980px) {
            .auth-frame .onboarding-page {
                grid-template-columns: 1fr;
                width: min(720px, calc(100vw - 28px));
            }

            .auth-frame .onboarding-hero {
                min-height: auto;
                padding: 26px;
            }

            .auth-frame .onboarding-flow {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }

            .auth-frame .onboarding-flow-item {
                grid-template-columns: 1fr;
                align-content: start;
            }
        }

        @media (max-width: 760px) {
            .auth-frame .auth-shell {
                padding: 18px 12px 30px;
            }

            .auth-frame .onboarding-page {
                width: 100%;
                gap: 12px;
            }

            .auth-frame .onboarding-hero,
            .auth-frame .onboarding-main,
            .auth-frame .onboarding-form-card {
                border-radius: 24px;
            }

            .auth-frame .onboarding-hero {
                padding: 22px;
            }

            .auth-frame .onboarding-hero h1 {
                margin-top: 18px;
                font-size: 31px;
            }

            .auth-frame .onboarding-hero p {
                font-size: 13px;
            }

            .auth-frame .onboarding-points {
                margin-top: 18px;
                gap: 8px;
            }

            .auth-frame .onboarding-points span {
                min-height: 38px;
                border-radius: 14px;
                padding: 8px 10px;
                font-size: 12px;
            }

            .auth-frame .onboarding-flow {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 8px;
                margin-top: 18px;
            }

            .auth-frame .onboarding-flow-item {
                grid-template-columns: 1fr;
                min-height: 88px;
                align-content: start;
                padding: 10px;
                border-radius: 16px;
            }

            .auth-frame .onboarding-flow-item span:first-child {
                width: 34px;
                height: 34px;
                border-radius: 12px;
                font-size: 12px;
            }

            .auth-frame .onboarding-flow-item strong {
                margin-top: 4px;
                font-size: 12px;
                line-height: 1.25;
            }

            .auth-frame .onboarding-flow-item em {
                display: none;
            }

            .auth-frame .onboarding-main,
            .auth-frame .onboarding-form-card {
                padding: 18px;
            }

            .auth-frame .onboarding-main-head,
            .auth-frame .onboarding-form-head {
                display: block;
            }

            .auth-frame .onboarding-main-head h2,
            .auth-frame .onboarding-form-card h2 {
                font-size: 27px;
            }

            .auth-frame .onboarding-return {
                margin-top: 12px;
                min-height: 32px;
                padding: 0 11px;
            }

            .auth-frame .onboarding-role {
                grid-template-columns: 50px minmax(0, 1fr);
                gap: 12px;
                min-height: auto;
                padding: 16px;
                border-radius: 20px;
            }

            .auth-frame .onboarding-role-icon {
                width: 50px;
                height: 50px;
                border-radius: 16px;
            }

            .auth-frame .onboarding-role h3 {
                font-size: 21px;
            }

            .auth-frame .onboarding-role p,
            .auth-frame .onboarding-main-head p,
            .auth-frame .onboarding-form-card .onboarding-form-intro {
                font-size: 13px;
                line-height: 1.65;
            }

            .auth-frame .onboarding-role-action {
                grid-column: 1 / -1;
                width: 100%;
            }

            .auth-frame .onboarding-form-card .form-grid {
                grid-template-columns: 1fr;
            }
        }

        /* Unified brand system: logo, icons, buttons, surfaces and contrast. */
        :root {
            --brand-ink: #0f172a;
            --brand-text: #26364a;
            --brand-muted: #64748b;
            --brand-blue: #1d4ed8;
            --brand-sky: #0ea5e9;
            --brand-cyan: #06b6d4;
            --brand-teal: #0f766e;
            --brand-green: #16a34a;
            --brand-gold: #f59e0b;
            --brand-red: #dc2626;
            --brand-surface: #ffffff;
            --brand-soft: #f4f8fb;
            --brand-line: #d8e3ef;
            --primary: var(--brand-teal);
            --primary-strong: #0b5f5a;
            --primary-soft: #e7f7f5;
            --accent: #a16207;
            --text: var(--brand-text);
            --heading: var(--brand-ink);
            --muted: var(--brand-muted);
            --line: var(--brand-line);
            --line-soft: #e7eef6;
            --shadow-sm: 0 8px 22px rgba(15, 23, 42, .06);
            --shadow-md: 0 18px 46px rgba(15, 23, 42, .10);
            --shadow-lg: 0 28px 78px rgba(15, 23, 42, .16);
        }

        body {
            background:
                radial-gradient(circle at 12% 0%, rgba(14, 165, 233, .16), transparent 32%),
                radial-gradient(circle at 84% 10%, rgba(15, 118, 110, .12), transparent 30%),
                linear-gradient(180deg, #eef6fb 0, #f8fbff 360px, #f5f8fc 100%);
            color: var(--brand-text);
        }

        .sidebar,
        .admin-frame .sidebar {
            background:
                radial-gradient(circle at 12% 8%, rgba(14, 165, 233, .28), transparent 28%),
                radial-gradient(circle at 88% 18%, rgba(15, 118, 110, .26), transparent 30%),
                linear-gradient(180deg, #101722 0, #111827 42%, #0b111a 100%);
            border-right-color: rgba(148, 163, 184, .22);
        }

        .brand-block {
            gap: 11px;
        }

        .brand-mark,
        .admin-frame .brand-mark,
        .mobile-brand img {
            object-fit: contain;
            background: transparent;
            border-radius: 14px;
            box-shadow:
                0 12px 26px rgba(14, 165, 233, .24),
                0 0 0 1px rgba(255, 255, 255, .26);
        }

        .guest-topbar .brand-mark,
        .mobile-brand img {
            box-shadow:
                0 10px 22px rgba(14, 165, 233, .18),
                0 0 0 1px rgba(14, 165, 233, .14);
        }

        .brand-title,
        .mobile-brand strong {
            letter-spacing: 0;
            font-weight: 900;
        }

        .guest-topbar,
        .topbar,
        .admin-frame .topbar,
        .mobile-appbar {
            background: rgba(255, 255, 255, .92);
            border-bottom-color: rgba(216, 227, 239, .94);
            box-shadow: 0 12px 32px rgba(15, 23, 42, .07);
        }

        .shell,
        .admin-frame .shell {
            background: transparent;
        }

        .panel,
        .ops-panel,
        .profile-card,
        .toolbar-panel,
        .quick-card,
        .metric,
        .admin-frame .panel,
        .admin-frame .metric,
        .market-card,
        .order-card,
        .worker-next-card,
        .merchant-next-card,
        .worker-recommend-card,
        .auth-card,
        .auth-entry-card,
        .auth-register-overview div {
            border-color: rgba(216, 227, 239, .96);
            background:
                linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .96)),
                #ffffff;
            color: var(--brand-text);
            box-shadow: var(--shadow-sm);
        }

        .panel:hover,
        .ops-panel:hover,
        .metric:hover,
        .market-card:hover,
        .order-card:hover,
        .worker-next-card:hover,
        .merchant-next-card:hover {
            border-color: rgba(14, 165, 233, .24);
            box-shadow: var(--shadow-md);
        }

        table {
            background: #ffffff;
            color: var(--brand-text);
        }

        thead th {
            background: linear-gradient(180deg, #f3f7fb, #edf4fa);
            color: #334155;
            font-weight: 900;
        }

        tbody tr:hover {
            background: #f8fbff;
        }

        input,
        select,
        textarea,
        .captcha-code {
            border-color: #cfdceb;
            background: #ffffff;
            color: var(--brand-ink);
            box-shadow: inset 0 1px 0 rgba(15, 23, 42, .03);
        }

        input:focus,
        select:focus,
        textarea:focus {
            border-color: rgba(14, 165, 233, .74);
            box-shadow: 0 0 0 4px rgba(14, 165, 233, .12);
            outline: none;
        }

        .btn,
        button.btn,
        .auth-frame button[type="submit"].btn,
        .auth-frame .field.full > .btn,
        .landing-actions .btn:first-child,
        .shell .btn:not(.secondary):not(.danger),
        .admin-frame .shell .btn:not(.secondary):not(.danger) {
            min-height: 38px;
            border-radius: 10px;
            border-color: rgba(14, 165, 233, .34);
            background: linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-sky) 48%, var(--brand-teal) 100%);
            color: #ffffff;
            box-shadow: 0 12px 28px rgba(14, 165, 233, .18);
            text-shadow: 0 1px 0 rgba(0, 0, 0, .10);
        }

        .btn:hover,
        button.btn:hover,
        .shell .btn:not(.secondary):not(.danger):hover,
        .admin-frame .shell .btn:not(.secondary):not(.danger):hover {
            border-color: rgba(29, 78, 216, .40);
            background: linear-gradient(135deg, #1e40af 0%, #0284c7 50%, #0b6f68 100%);
            color: #ffffff;
            transform: translateY(-1px);
            box-shadow: 0 16px 34px rgba(14, 165, 233, .23);
        }

        .btn.secondary,
        button.btn.secondary,
        .landing-actions .btn.secondary,
        .shell .btn.secondary:not(.danger),
        .admin-frame .shell .btn.secondary:not(.danger) {
            border-color: rgba(148, 163, 184, .42);
            background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(241, 248, 252, .96));
            color: #0f5162;
            box-shadow: 0 8px 18px rgba(15, 23, 42, .05);
            text-shadow: none;
        }

        .btn.secondary:hover,
        button.btn.secondary:hover,
        .shell .btn.secondary:not(.danger):hover,
        .admin-frame .shell .btn.secondary:not(.danger):hover {
            border-color: rgba(14, 165, 233, .42);
            background: linear-gradient(180deg, #ffffff, #eaf7fb);
            color: #0b4f8a;
        }

        .btn.danger,
        button.btn.danger,
        .shell .btn.danger {
            border-color: rgba(220, 38, 38, .55);
            background: linear-gradient(135deg, #dc2626, #b91c1c);
            color: #ffffff;
            box-shadow: 0 12px 26px rgba(220, 38, 38, .16);
        }

        .status.ok,
        .status.is-good {
            background: linear-gradient(180deg, #e8f8f0, #dff5ec);
            color: #087044;
        }

        .status.warn,
        .status.is-warn {
            background: linear-gradient(180deg, #fff7dc, #ffefb8);
            color: #8a5800;
        }

        .status.bad,
        .status.is-bad {
            background: linear-gradient(180deg, #feeceb, #ffd9d6);
            color: #b42318;
        }

        .status.is-muted {
            background: #edf4fb;
            color: #475569;
        }

        .side-nav a,
        .side-nav button {
            color: #d8e3ef;
        }

        .side-nav a:nth-of-type(1),
        .side-nav button:nth-of-type(1),
        .mobile-menu-grid > :nth-child(1),
        .mobile-tabbar a:nth-child(1) { --nav-a: #1d4ed8; --nav-b: #0ea5e9; --nav-soft: rgba(29, 78, 216, .10); }

        .side-nav a:nth-of-type(2),
        .side-nav button:nth-of-type(2),
        .mobile-menu-grid > :nth-child(2),
        .mobile-tabbar a:nth-child(2) { --nav-a: #0ea5e9; --nav-b: #06b6d4; --nav-soft: rgba(14, 165, 233, .11); }

        .side-nav a:nth-of-type(3),
        .side-nav button:nth-of-type(3),
        .mobile-menu-grid > :nth-child(3),
        .mobile-tabbar a:nth-child(3) { --nav-a: #0891b2; --nav-b: #14b8a6; --nav-soft: rgba(8, 145, 178, .11); }

        .side-nav a:nth-of-type(4),
        .side-nav button:nth-of-type(4),
        .mobile-menu-grid > :nth-child(4),
        .mobile-tabbar a:nth-child(4) { --nav-a: #0f766e; --nav-b: #22c55e; --nav-soft: rgba(15, 118, 110, .11); }

        .side-nav a:nth-of-type(5),
        .side-nav button:nth-of-type(5),
        .mobile-menu-grid > :nth-child(5),
        .mobile-tabbar a:nth-child(5) { --nav-a: #2563eb; --nav-b: #38bdf8; --nav-soft: rgba(37, 99, 235, .11); }

        .side-nav a:nth-of-type(6),
        .mobile-menu-grid > :nth-child(6) { --nav-a: #16a34a; --nav-b: #84cc16; --nav-soft: rgba(22, 163, 74, .11); }

        .side-nav a:nth-of-type(7),
        .mobile-menu-grid > :nth-child(7) { --nav-a: #f59e0b; --nav-b: #0ea5e9; --nav-soft: rgba(245, 158, 11, .13); }

        .side-nav a:nth-of-type(8),
        .mobile-menu-grid > :nth-child(8) { --nav-a: #7c3aed; --nav-b: #06b6d4; --nav-soft: rgba(124, 58, 237, .11); }

        .side-nav a:nth-of-type(n+9),
        .side-nav form,
        .mobile-menu-grid > :nth-child(n+9) { --nav-a: #475569; --nav-b: #0ea5e9; --nav-soft: rgba(71, 85, 105, .10); }

        .nav-dot,
        .mobile-menu-icon,
        .mobile-tab-icon {
            background: linear-gradient(135deg, var(--nav-a, #1d4ed8), var(--nav-b, #0ea5e9));
            color: #ffffff;
            box-shadow: 0 10px 22px color-mix(in srgb, var(--nav-a, #1d4ed8) 24%, transparent);
        }

        .nav-dot .nav-icon,
        .mobile-menu-icon .nav-icon,
        .mobile-tab-icon .nav-icon {
            color: #ffffff;
            stroke-width: 2.25;
        }

        .side-nav a.active,
        .side-nav button.active {
            background: linear-gradient(180deg, #ffffff, #f2f8fb);
            color: var(--brand-ink);
            border-color: rgba(255, 255, 255, .84);
        }

        .side-nav a.active .nav-dot,
        .side-nav button.active .nav-dot {
            background: linear-gradient(135deg, var(--nav-a, #1d4ed8), var(--nav-b, #0ea5e9));
            color: #ffffff;
        }

        .landing-hero,
        .auth-frame .auth-visual-panel,
        .front-workbench .hero-card,
        .merchant-project-page .project-command,
        .landing-workspace-side,
        .workbench-balance-card {
            color: #ffffff;
        }

        .landing-hero h1,
        .auth-frame .auth-visual-panel h2,
        .front-workbench .hero-card h1,
        .merchant-project-page .project-command h1,
        .landing-workspace-side h3,
        .workbench-balance-card strong {
            color: #ffffff;
            text-shadow: 0 12px 30px rgba(0, 0, 0, .24);
        }

        .landing-subtitle,
        .landing-hero p,
        .auth-frame .auth-visual-panel p,
        .front-workbench .hero-card p,
        .merchant-project-page .project-command p,
        .landing-workspace-side p,
        .workbench-balance-card small {
            color: rgba(232, 247, 255, .92);
        }

        .front-workbench .hero-card .workbench-hero-actions,
        .merchant-project-page .project-command-actions {
            border: 1px solid rgba(255, 255, 255, .18);
            background: rgba(255, 255, 255, .10);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
            backdrop-filter: blur(14px);
        }

        .front-workbench .hero-card .workbench-hero-actions .btn:not(.secondary):not(.danger),
        .merchant-project-page .project-command-actions .btn:not(.secondary):not(.danger) {
            border-color: rgba(125, 211, 252, .54);
            background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 48%, #0f766e 100%);
            color: #ffffff;
            box-shadow: 0 14px 30px rgba(14, 165, 233, .22);
        }

        .front-workbench .hero-card .workbench-hero-actions .btn.secondary:not(.danger),
        .merchant-project-page .project-command-actions .btn.secondary:not(.danger) {
            border-color: rgba(255, 255, 255, .30);
            background: rgba(255, 255, 255, .16);
            color: #ffffff;
            box-shadow: none;
        }

        .landing-trust-strip span,
        .landing-live-dot,
        .page-kicker,
        .landing-kicker,
        .auth-portal-kicker,
        .workbench-quick-head span {
            letter-spacing: 0;
        }

        .login-frame.auth-frame {
            background:
                radial-gradient(circle at 78% 18%, rgba(14, 165, 233, .28), transparent 34%),
                radial-gradient(circle at 14% 82%, rgba(37, 99, 235, .16), transparent 30%),
                linear-gradient(118deg, #edf7ff 0%, #e5f6ff 42%, #eafbf7 100%);
            color: #102033;
        }

        .login-frame.auth-frame::before {
            background:
                linear-gradient(90deg, rgba(68, 122, 173, .075) 1px, transparent 1px),
                linear-gradient(180deg, rgba(68, 122, 173, .07) 1px, transparent 1px);
            background-size: 44px 44px;
            mask-image: linear-gradient(180deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .18));
        }

        .login-frame.auth-frame::after {
            height: 44vh;
            background:
                radial-gradient(circle at 50% 100%, rgba(14, 165, 233, .18), transparent 44%),
                linear-gradient(180deg, transparent, rgba(255, 255, 255, .58));
        }

        .login-frame .guest-topbar {
            border-bottom: 1px solid rgba(176, 204, 229, .72);
            background: rgba(255, 255, 255, .90);
            backdrop-filter: blur(18px);
            box-shadow: 0 16px 44px rgba(44, 89, 132, .10);
        }

        .login-frame .guest-topbar .brand-block,
        .login-frame .guest-topbar .brand-title {
            color: #102033;
        }

        .login-frame .guest-topbar .brand-subtitle {
            color: #5f7188;
        }

        .login-frame .guest-topbar .brand-mark {
            border-color: rgba(14, 165, 233, .24);
            box-shadow: 0 12px 28px rgba(14, 165, 233, .14);
        }

        .login-frame .guest-actions .btn,
        .login-frame .guest-actions .btn.secondary {
            border-color: rgba(14, 165, 233, .34);
            background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 48%, #0f766e 100%);
            color: #ffffff;
            box-shadow: 0 12px 26px rgba(14, 165, 233, .16);
        }

        .login-frame .guest-topbar {
            position: sticky;
            top: 0;
            z-index: 80;
            height: 76px;
            min-height: 76px;
            align-items: center;
            padding-top: 0;
            padding-bottom: 0;
        }

        .login-frame .guest-topbar .brand-block {
            height: 44px;
            display: inline-flex;
            align-items: center;
            transform: none !important;
        }

        .login-frame .guest-actions {
            min-height: 44px;
            align-items: center;
        }

        .login-frame .guest-actions .btn,
        .login-frame .guest-actions .btn.secondary,
        .login-frame .guest-actions .btn:hover,
        .login-frame .guest-actions .btn.secondary:hover {
            height: 42px;
            min-height: 42px;
            padding-top: 0;
            padding-bottom: 0;
            line-height: 1;
            transform: none !important;
        }

        .login-frame .guest-actions .btn:hover,
        .login-frame .guest-actions .btn.secondary:hover {
            border-color: rgba(14, 165, 233, .44);
            background: linear-gradient(135deg, #1d4ed8 0%, #0284c7 50%, #0b6f68 100%);
            box-shadow: 0 12px 26px rgba(14, 165, 233, .18);
        }

        @media (min-width: 761px) {
            .login-frame .auth-shell {
                min-height: calc(100vh - 76px);
                padding: 68px 52px 72px;
                align-items: center;
            }

            .login-frame .login-auth-scene {
                width: min(1180px, calc(100vw - 104px));
                max-width: 1180px;
                grid-template-columns: minmax(420px, 520px) minmax(480px, 1fr);
                gap: 26px;
                align-items: stretch;
            }

            .login-frame .login-auth-card {
                min-height: auto;
                border-radius: 24px;
                border-color: rgba(176, 204, 229, .82);
                background:
                    radial-gradient(circle at 88% 10%, rgba(14, 165, 233, .12), transparent 30%),
                    linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(244, 250, 255, .90));
                box-shadow: 0 28px 72px rgba(49, 93, 137, .16);
            }

            .login-frame .login-auth-card::after {
                width: 4px;
                background: linear-gradient(180deg, #2563eb, #0ea5e9 54%, #0f766e);
            }

            .login-frame .login-auth-card .page-title h1 {
                color: #102033;
            }

            .login-frame .auth-entry-card {
                border-radius: 14px;
                border-color: rgba(178, 207, 232, .90);
                background: rgba(255, 255, 255, .72);
                box-shadow: 0 10px 26px rgba(52, 100, 146, .07);
            }

            .login-frame .auth-entry-card.primary {
                border-color: rgba(14, 165, 233, .44);
                background: linear-gradient(135deg, rgba(37, 99, 235, .10), rgba(14, 165, 233, .12)), rgba(255, 255, 255, .80);
            }

            .login-frame .auth-trust-strip span {
                border: 1px solid rgba(204, 224, 240, .74);
                background: rgba(255, 255, 255, .62);
            }

            .login-frame input,
            .login-frame select,
            .login-frame textarea,
            .login-frame .captcha-code {
                border-radius: 14px;
                border-color: rgba(180, 207, 231, .94);
                background: rgba(255, 255, 255, .90);
            }

            .login-frame .field.full > .btn,
            .login-frame button[type="submit"].btn {
                min-height: 50px;
                border-radius: 14px;
                background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 52%, #0f766e 100%);
                box-shadow: 0 14px 32px rgba(14, 165, 233, .20);
            }

            .login-frame .login-auth-visual {
                min-height: 640px;
                border-radius: 24px;
                border: 1px solid rgba(172, 205, 232, .86);
                background:
                    linear-gradient(135deg, rgba(255, 255, 255, .76), rgba(225, 246, 255, .72) 46%, rgba(220, 249, 244, .78)),
                    #f0f9ff;
                box-shadow: 0 28px 72px rgba(49, 93, 137, .16);
                color: #102033;
            }

            .login-frame .login-auth-visual > img {
                opacity: .22;
                filter: saturate(1.05) contrast(1.02);
                object-position: center right;
            }

            .login-frame .login-auth-visual::before {
                background:
                    linear-gradient(100deg, rgba(248, 252, 255, .96), rgba(232, 247, 255, .78) 48%, rgba(213, 246, 242, .66)),
                    radial-gradient(circle at 78% 18%, rgba(14, 165, 233, .20), transparent 32%);
            }

            .login-frame .login-auth-visual::after {
                inset: 22px;
                border: 1px solid rgba(117, 169, 213, .28);
                border-radius: 18px;
                background:
                    linear-gradient(90deg, rgba(65, 116, 164, .055) 1px, transparent 1px),
                    linear-gradient(180deg, rgba(65, 116, 164, .05) 1px, transparent 1px);
                background-size: 42px 42px;
            }

            .login-frame .login-auth-visual .auth-visual-content {
                color: #102033;
            }

            .login-frame .login-auth-visual .auth-portal-kicker {
                border-color: rgba(14, 165, 233, .26);
                background: rgba(255, 255, 255, .66);
                color: #075c66;
            }

            .login-frame .login-auth-visual .auth-visual-content h2,
            .login-frame .login-auth-visual h2 {
                color: #102033;
                text-shadow: none;
            }

            .login-frame .login-auth-visual .auth-visual-content p,
            .login-frame .login-auth-visual p {
                color: #4f647c;
            }

            .login-frame .auth-command-row {
                border-color: rgba(159, 195, 224, .70);
                background: rgba(255, 255, 255, .62);
                box-shadow: 0 12px 28px rgba(52, 100, 146, .07);
            }

            .login-frame .auth-command-row span,
            .login-frame .auth-command-row em {
                color: #60758e;
            }

            .login-frame .auth-command-row strong {
                color: #102033;
            }

            .login-frame .auth-command-row em {
                background: rgba(14, 165, 233, .12);
                color: #087081;
            }

            .login-frame .auth-visual-metric {
                border-color: rgba(159, 195, 224, .70);
                background: rgba(255, 255, 255, .62);
                box-shadow: 0 12px 28px rgba(52, 100, 146, .07);
            }

            .login-frame .auth-visual-metric span,
            .login-frame .auth-visual-metric em {
                color: #60758e;
            }

            .login-frame .auth-visual-metric strong {
                color: #102033;
                text-shadow: none;
            }
        }

        @media (max-width: 760px) {
            body {
                background:
                    radial-gradient(circle at 20% 0%, rgba(14, 165, 233, .18), transparent 36%),
                    linear-gradient(180deg, #eef6fb 0, #fbfdff 46%, #ffffff 100%);
            }

            .landing-frame,
            .auth-frame {
                background:
                    radial-gradient(circle at 22% 0%, rgba(14, 165, 233, .18), transparent 36%),
                    linear-gradient(180deg, #eef6fb 0, #fbfdff 50%, #ffffff 100%);
            }

            .mobile-appbar {
                min-height: 74px;
            }

            .mobile-menu summary {
                background: linear-gradient(135deg, #1d4ed8, #0ea5e9 48%, #0f766e);
                color: #ffffff;
            }

            .mobile-menu-grid a,
            .mobile-menu-grid button {
                border-color: rgba(216, 227, 239, .96);
                background:
                    linear-gradient(135deg, var(--nav-soft, rgba(29, 78, 216, .10)), rgba(255, 255, 255, .98) 60%),
                    #ffffff;
            }

            .mobile-menu-grid a.active,
            .mobile-tabbar a.active {
                border-color: rgba(14, 165, 233, .34);
                background:
                    linear-gradient(180deg, var(--nav-soft, rgba(29, 78, 216, .10)), rgba(255, 255, 255, .98)),
                    #ffffff;
                color: var(--brand-ink);
            }

            .mobile-tabbar {
                background: rgba(255, 255, 255, .96);
                border-color: rgba(203, 216, 235, .96);
            }

            .mobile-tabbar a {
                color: #64748b;
            }

            .mobile-tabbar a.active {
                box-shadow: inset 0 0 0 1px rgba(14, 165, 233, .22);
            }

            .front-workbench .hero-card .workbench-hero-actions .btn:not(.secondary):not(.danger),
            .merchant-project-page .project-command-actions .btn:not(.secondary):not(.danger) {
                background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 48%, #0f766e 100%);
                color: #ffffff;
            }

            .front-workbench .hero-card .workbench-hero-actions .btn.secondary:not(.danger),
            .merchant-project-page .project-command-actions .btn.secondary:not(.danger) {
                background: rgba(255, 255, 255, .16);
                color: #ffffff;
            }
        }

        @media (max-width: 760px) {
            .app-frame:not(.admin-frame) .shell {
                width: min(100%, 520px);
                margin: 0 auto;
                padding: 14px 12px 104px;
            }

            .mobile-unified-page {
                display: grid;
                gap: 14px;
                color: #0f172a;
            }

            .mobile-unified-page a {
                text-decoration: none;
            }

            .mobile-unified-page .page-title {
                margin: 0;
                border: 1px solid rgba(180, 207, 231, .86);
                border-radius: 24px;
                background:
                    linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(235, 248, 255, .96) 58%, rgba(233, 251, 247, .96)),
                    #ffffff;
                box-shadow: 0 16px 36px rgba(24, 71, 116, .12);
                padding: 18px;
            }

            .mobile-unified-page .page-title h1,
            .mobile-unified-page h1 {
                margin: 6px 0 8px;
                color: #0f172a;
                font-size: 28px;
                line-height: 1.12;
                letter-spacing: 0;
            }

            .mobile-unified-page h2 {
                color: #0f172a;
                letter-spacing: 0;
            }

            .mobile-unified-page p,
            .mobile-unified-page .muted {
                color: #51647a;
            }

            .mobile-unified-page .page-kicker {
                color: #007a78;
                font-size: 11px;
                font-weight: 900;
                letter-spacing: 0;
                text-transform: uppercase;
            }

            .mobile-unified-page .btn,
            .mobile-unified-page button.btn,
            .mobile-unified-page a.btn {
                min-height: 44px;
                border-radius: 14px;
                padding: 0 14px;
                font-size: 14px;
                font-weight: 900;
                box-shadow: none;
            }

            .mobile-unified-page .btn:not(.secondary):not(.danger) {
                border-color: transparent;
                background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 48%, #0f766e 100%);
                color: #ffffff;
                box-shadow: 0 12px 26px rgba(14, 165, 233, .22);
            }

            .mobile-unified-page .btn.secondary:not(.danger) {
                border-color: rgba(170, 198, 223, .95);
                background: rgba(255, 255, 255, .92);
                color: #075c66;
            }

            .mobile-unified-page .btn.danger {
                background: #fff5f5;
                color: #b91c1c;
                border-color: rgba(248, 113, 113, .36);
            }

            .mobile-unified-hero,
            .mobile-unified-page .orders-command,
            .mobile-unified-page .project-command {
                min-height: auto !important;
                border: 0 !important;
                border-radius: 26px !important;
                background:
                    linear-gradient(135deg, rgba(29, 78, 216, .96) 0%, rgba(14, 165, 233, .91) 52%, rgba(15, 118, 110, .92) 100%),
                    url('/assets/visual/platform-ops-bg-unified.webp') center right / cover no-repeat !important;
                color: #ffffff !important;
                box-shadow: 0 18px 42px rgba(15, 93, 150, .24) !important;
                padding: 20px !important;
                overflow: hidden;
            }

            .mobile-unified-page .orders-command::after,
            .mobile-unified-page .project-command::after {
                opacity: .18 !important;
                background: radial-gradient(circle at 82% 18%, rgba(255, 255, 255, .46), transparent 36%) !important;
            }

            .mobile-unified-hero h1,
            .mobile-unified-page .orders-command h1,
            .mobile-unified-page .project-command h1 {
                color: #ffffff !important;
                font-size: 30px !important;
                text-shadow: 0 12px 28px rgba(0, 0, 0, .16);
            }

            .mobile-unified-hero p,
            .mobile-unified-page .orders-command p,
            .mobile-unified-page .project-command p,
            .mobile-unified-page .orders-command .page-kicker,
            .mobile-unified-page .project-command .page-kicker {
                color: rgba(240, 249, 255, .92) !important;
            }

            .mobile-unified-actions,
            .mobile-unified-page .actions,
            .mobile-unified-page .orders-actions,
            .mobile-unified-page .project-command-actions,
            .mobile-unified-page .order-action-buttons,
            .mobile-unified-page .project-action-buttons,
            .mobile-unified-page .market-command-actions {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 10px !important;
                margin-top: 16px !important;
            }

            .mobile-unified-actions .btn,
            .mobile-unified-page .actions .btn,
            .mobile-unified-page .orders-actions .btn,
            .mobile-unified-page .project-command-actions .btn,
            .mobile-unified-page .order-action-buttons .btn,
            .mobile-unified-page .project-action-buttons .btn,
            .mobile-unified-page .market-command-actions .btn {
                width: 100%;
                justify-content: center;
            }

            .mobile-unified-page .project-command-actions .status {
                min-height: 44px;
                justify-content: center;
                border-radius: 14px;
            }

            .mobile-unified-panel,
            .mobile-unified-page .panel,
            .mobile-unified-page .orders-overview,
            .mobile-unified-page .project-summary,
            .mobile-unified-page .project-policy-strip,
            .mobile-unified-page .aside-note,
            .mobile-unified-page .complaint-box {
                border: 1px solid rgba(180, 207, 231, .86) !important;
                border-radius: 22px !important;
                background: rgba(255, 255, 255, .97) !important;
                box-shadow: 0 14px 34px rgba(24, 71, 116, .10) !important;
                padding: 16px !important;
            }

            .mobile-unified-stats,
            .mobile-unified-page .grid,
            .mobile-unified-page .orders-kpi-grid,
            .mobile-unified-page .project-kpi-grid,
            .mobile-unified-page .project-signal-grid,
            .mobile-unified-page .market-stats {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 10px !important;
            }

            .mobile-unified-stat,
            .mobile-unified-page .metric,
            .mobile-unified-page .orders-kpi,
            .mobile-unified-page .project-kpi,
            .mobile-unified-page .project-signal,
            .mobile-unified-page .market-stat {
                min-height: 90px !important;
                border: 1px solid rgba(201, 218, 235, .94) !important;
                border-radius: 18px !important;
                background:
                    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(241, 249, 255, .94)),
                    #ffffff !important;
                box-shadow: none !important;
                padding: 13px !important;
            }

            .mobile-unified-stat span,
            .mobile-unified-page .metric span,
            .mobile-unified-page .orders-kpi span,
            .mobile-unified-page .project-kpi span,
            .mobile-unified-page .project-signal span,
            .mobile-unified-page .market-stat span {
                color: #536a83 !important;
                font-size: 12px !important;
                font-weight: 800 !important;
            }

            .mobile-unified-stat strong,
            .mobile-unified-page .metric strong,
            .mobile-unified-page .orders-kpi strong,
            .mobile-unified-page .project-kpi strong,
            .mobile-unified-page .project-signal strong,
            .mobile-unified-page .market-stat strong {
                display: block;
                margin-top: 8px;
                color: #0f172a !important;
                font-size: 24px !important;
                line-height: 1.12;
            }

            .mobile-unified-filter,
            .mobile-unified-page .market-filter-panel {
                border: 1px solid rgba(180, 207, 231, .92) !important;
                border-radius: 22px !important;
                background: rgba(255, 255, 255, .98) !important;
                box-shadow: 0 16px 38px rgba(24, 71, 116, .12) !important;
                padding: 16px !important;
            }

            .mobile-unified-list,
            .mobile-unified-page .order-card-grid,
            .mobile-unified-page .project-list,
            .mobile-unified-page .market-card-grid {
                display: grid !important;
                grid-template-columns: 1fr !important;
                gap: 12px !important;
            }

            .mobile-unified-card,
            .mobile-unified-page .order-card,
            .mobile-unified-page .project-card,
            .mobile-unified-page .market-card,
            .mobile-unified-page .review-card {
                min-height: auto !important;
                display: grid !important;
                grid-template-columns: 1fr !important;
                border: 1px solid rgba(185, 211, 235, .92) !important;
                border-radius: 22px !important;
                background: rgba(255, 255, 255, .98) !important;
                box-shadow: 0 16px 36px rgba(24, 71, 116, .11) !important;
                overflow: hidden !important;
            }

            .mobile-unified-card-head,
            .mobile-unified-page .order-top,
            .mobile-unified-page .project-card-top,
            .mobile-unified-page .market-card-top,
            .mobile-unified-page .review-card-head {
                display: flex !important;
                align-items: flex-start !important;
                justify-content: space-between !important;
                gap: 12px !important;
                border-bottom: 1px solid rgba(216, 226, 238, .92) !important;
                background:
                    linear-gradient(135deg, rgba(239, 249, 255, .96), rgba(255, 255, 255, .98) 58%) !important;
                padding: 14px !important;
            }

            .mobile-unified-card-head h2,
            .mobile-unified-page .order-top h2,
            .mobile-unified-page .project-card-top h2,
            .mobile-unified-page .market-card-title h2,
            .mobile-unified-page .review-card-head h2 {
                margin: 4px 0 0 !important;
                color: #0f172a !important;
                font-size: 20px !important;
                line-height: 1.25 !important;
            }

            .mobile-unified-card-body,
            .mobile-unified-page .order-main,
            .mobile-unified-page .project-card-main,
            .mobile-unified-page .market-card-body,
            .mobile-unified-page .review-card-body {
                padding: 14px !important;
                min-width: 0;
            }

            .mobile-unified-tags,
            .mobile-unified-page .order-task-chips,
            .mobile-unified-page .project-badges,
            .mobile-unified-page .market-badges,
            .mobile-unified-page .review-tags {
                display: flex !important;
                flex-wrap: wrap !important;
                gap: 7px !important;
            }

            .mobile-unified-tags > *,
            .mobile-unified-page .order-task-chip,
            .mobile-unified-page .project-badge,
            .mobile-unified-page .market-badge,
            .mobile-unified-page .review-tag {
                min-height: 28px !important;
                display: inline-flex !important;
                align-items: center !important;
                border: 1px solid rgba(203, 223, 240, .78) !important;
                border-radius: 999px !important;
                background: linear-gradient(135deg, rgba(237, 250, 255, .98), rgba(245, 253, 250, .98)) !important;
                color: #075c66 !important;
                padding: 4px 9px !important;
                font-size: 12px !important;
                font-weight: 900 !important;
            }

            .mobile-unified-metrics,
            .mobile-unified-page .order-card-meta,
            .mobile-unified-page .project-card-meta,
            .mobile-unified-page .market-card-meta,
            .mobile-unified-page .review-meta {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 8px !important;
                margin-top: 12px !important;
            }

            .mobile-unified-metrics > *,
            .mobile-unified-page .order-card-meta div,
            .mobile-unified-page .project-card-meta div,
            .mobile-unified-page .market-card-meta div,
            .mobile-unified-page .review-meta div,
            .mobile-unified-page .order-side-block {
                min-height: 64px !important;
                border: 1px solid rgba(211, 225, 239, .95) !important;
                border-radius: 16px !important;
                background: #ffffff !important;
                padding: 10px !important;
            }

            .mobile-unified-metrics span,
            .mobile-unified-page .order-card-meta span,
            .mobile-unified-page .project-card-meta span,
            .mobile-unified-page .market-card-meta span,
            .mobile-unified-page .review-meta span,
            .mobile-unified-page .order-side-block span {
                color: #536a83 !important;
                font-size: 12px !important;
                font-weight: 800 !important;
            }

            .mobile-unified-metrics strong,
            .mobile-unified-page .order-card-meta strong,
            .mobile-unified-page .project-card-meta strong,
            .mobile-unified-page .market-card-meta strong,
            .mobile-unified-page .review-meta strong,
            .mobile-unified-page .order-side-block strong {
                display: block;
                margin-top: 6px;
                color: #0f172a !important;
                font-size: 14px !important;
                line-height: 1.3;
                word-break: break-word;
            }

            .mobile-unified-card-actions,
            .mobile-unified-page .market-card-foot,
            .mobile-unified-page .project-card-side,
            .mobile-unified-page .order-side,
            .mobile-unified-page .review-actions {
                border-left: 0 !important;
                border-top: 1px solid rgba(216, 226, 238, .92) !important;
                background: linear-gradient(180deg, #fbfdff, #ffffff) !important;
                padding: 14px !important;
            }

            .mobile-unified-page .project-card-side,
            .mobile-unified-page .order-side {
                display: grid !important;
                gap: 12px !important;
            }

            .mobile-unified-page .project-action-form,
            .mobile-unified-page .review-form {
                display: grid !important;
                gap: 10px !important;
            }

            .mobile-unified-page .form-grid,
            .mobile-unified-page .detail-layout,
            .mobile-unified-page .security-grid,
            .mobile-unified-page .content-grid {
                grid-template-columns: 1fr !important;
                gap: 12px !important;
            }

            .mobile-unified-page .detail-stack {
                display: grid !important;
                gap: 12px !important;
            }

            .mobile-unified-page .info-list {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 8px !important;
            }

            .mobile-unified-page .info-item,
            .mobile-unified-page .security-status-row {
                min-height: 64px !important;
                border: 1px solid rgba(211, 225, 239, .95) !important;
                border-radius: 16px !important;
                background: #ffffff !important;
                padding: 10px !important;
                min-width: 0;
            }

            .mobile-unified-page .info-item span,
            .mobile-unified-page .security-status-row span:first-child {
                color: #536a83 !important;
                font-size: 12px !important;
                font-weight: 800 !important;
            }

            .mobile-unified-page .info-item strong,
            .mobile-unified-page .security-status-row strong {
                display: block;
                margin-top: 6px;
                color: #0f172a !important;
                font-size: 14px !important;
                line-height: 1.3;
                word-break: break-word;
            }

            .mobile-unified-page .detail-section {
                margin-top: 14px !important;
                padding-top: 14px !important;
                border-top: 1px solid rgba(216, 226, 238, .92) !important;
            }

            .mobile-unified-page .detail-section h2 {
                margin: 0 0 8px !important;
                font-size: 17px !important;
                line-height: 1.25;
            }

            .mobile-unified-page .empty-state {
                min-height: 96px !important;
                border: 1px dashed rgba(156, 188, 217, .95) !important;
                border-radius: 18px !important;
                background: rgba(248, 252, 255, .92) !important;
                padding: 18px !important;
            }

            .mobile-unified-page input,
            .mobile-unified-page select,
            .mobile-unified-page textarea {
                min-height: 44px;
                border-radius: 14px;
                border-color: rgba(183, 205, 226, .96);
                background: rgba(255, 255, 255, .96);
                font-size: 14px;
            }

            .mobile-unified-page textarea {
                min-height: 112px;
            }

            .mobile-unified-page .rich-editor {
                border-radius: 18px;
                overflow: hidden;
            }

            .mobile-unified-page .rich-toolbar {
                gap: 7px;
                overflow-x: auto;
            }

            .mobile-unified-table-wrap {
                overflow-x: auto;
                border: 1px solid rgba(188, 211, 233, .86);
                border-radius: 18px;
                background: #ffffff;
                box-shadow: 0 12px 28px rgba(24, 71, 116, .08);
            }

            .mobile-unified-table-wrap table {
                min-width: 680px;
                margin: 0 !important;
                border: 0 !important;
                box-shadow: none !important;
            }

            .mobile-message-list {
                display: grid;
                gap: 12px;
            }

            .mobile-message-card {
                border: 1px solid rgba(185, 211, 235, .92);
                border-radius: 20px;
                background: rgba(255, 255, 255, .98);
                box-shadow: 0 14px 34px rgba(24, 71, 116, .10);
                overflow: hidden;
            }

            .mobile-message-card-head {
                display: flex;
                justify-content: space-between;
                gap: 12px;
                align-items: flex-start;
                padding: 14px;
                border-bottom: 1px solid rgba(216, 226, 238, .92);
                background: linear-gradient(135deg, rgba(239, 249, 255, .96), rgba(255, 255, 255, .98));
            }

            .mobile-message-card-head h2 {
                margin: 4px 0 0;
                font-size: 18px;
                line-height: 1.3;
            }

            .mobile-message-card-body,
            .mobile-message-card-actions {
                padding: 14px;
            }

            .mobile-message-card-actions {
                border-top: 1px solid rgba(216, 226, 238, .92);
                background: linear-gradient(180deg, #fbfdff, #ffffff);
            }

            .desktop-table-only {
                display: none !important;
            }

            .desktop-table-only.mobile-keep-table {
                display: block !important;
            }

            .mobile-unified-empty,
            .mobile-unified-page .orders-empty,
            .mobile-unified-page .market-empty,
            .mobile-unified-page .empty-project-state {
                min-height: 180px !important;
                border: 1px dashed rgba(156, 188, 217, .95) !important;
                border-radius: 22px !important;
                background: rgba(255, 255, 255, .82) !important;
                padding: 22px !important;
            }

            .mobile-market-page .market-hero {
                display: none !important;
            }

            .mobile-market-page .market-mobile-top {
                position: sticky;
                top: 6px;
                z-index: 28;
                display: flex !important;
                align-items: center;
                justify-content: space-between;
                gap: 10px;
                margin: 0;
                border: 1px solid rgba(178, 213, 228, .92);
                border-radius: 20px;
                background: rgba(255, 255, 255, .94);
                box-shadow: 0 14px 32px rgba(24, 71, 116, .13);
                backdrop-filter: blur(14px);
                padding: 10px 12px;
            }

            .mobile-market-page .market-mobile-chip {
                min-height: 38px;
                border-color: rgba(170, 198, 223, .92);
                background: #ffffff;
                color: #075c66;
            }

            .mobile-market-page .market-mobile-chip.primary {
                border-color: transparent;
                background: linear-gradient(135deg, #2563eb, #0ea5e9 52%, #0f766e);
                color: #ffffff;
            }

            .mobile-market-page .market-filter-panel {
                display: none;
            }

            .mobile-market-page .market-filter-panel:target {
                position: fixed;
                inset: 84px 12px 88px;
                z-index: 90;
                display: block;
                overflow: auto;
            }
        }

        @media (max-width: 760px) {
            .login-frame .auth-shell {
                padding: 18px 12px 36px;
            }

            .login-frame .login-auth-scene {
                display: block;
            }

            .login-frame .login-auth-visual {
                display: none !important;
            }

            .login-frame .login-auth-card {
                margin: 0 auto;
                border-radius: 24px;
                border-color: rgba(176, 204, 229, .86);
                background:
                    radial-gradient(circle at 88% 8%, rgba(14, 165, 233, .10), transparent 30%),
                    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(244, 250, 255, .94));
                box-shadow: 0 22px 54px rgba(49, 93, 137, .15);
            }

            .login-frame .captcha-help {
                display: block;
                margin-top: 8px;
                line-height: 1.55;
            }

            .login-frame .auth-remember-field {
                margin-top: 6px;
                padding-top: 2px;
            }

            .login-frame .auth-remember-label {
                min-height: 28px;
                display: inline-flex;
                align-items: center;
                gap: 8px;
                color: #334155;
                font-weight: 800;
                line-height: 1.4;
            }

            .login-frame .auth-remember-label input[type="checkbox"] {
                width: 16px !important;
                inline-size: 16px !important;
                min-width: 16px !important;
                max-width: 16px !important;
                height: 16px;
                block-size: 16px !important;
                max-height: 16px;
                min-height: 16px !important;
                min-inline-size: 16px !important;
                max-inline-size: 16px !important;
                min-block-size: 16px !important;
                max-block-size: 16px !important;
                margin: 0;
                padding: 0 !important;
                flex: 0 0 16px;
                appearance: none;
                -webkit-appearance: none;
                display: inline-block;
                box-sizing: border-box;
                line-height: 1 !important;
                border: 1.5px solid #9bb8d0;
                border-radius: 4px !important;
                background: #ffffff;
                background-clip: padding-box;
                box-shadow:
                    inset 0 0 0 1px rgba(255, 255, 255, .90),
                    0 1px 2px rgba(15, 23, 42, .08);
                cursor: pointer;
            }

            .login-frame .auth-remember-label input[type="checkbox"]:checked {
                border-color: transparent;
                background-image:
                    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.2 6.7 11.2 12.8 4.8' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
                    linear-gradient(135deg, #2563eb 0%, #0ea5e9 52%, #0f766e 100%);
                background-repeat: no-repeat;
                background-position: center;
                background-size: 12px 12px, 100% 100%;
                box-shadow: 0 6px 14px rgba(14, 165, 233, .24);
            }

            .login-frame .auth-remember-label input[type="checkbox"]:focus-visible {
                outline: 3px solid rgba(14, 165, 233, .18);
                outline-offset: 2px;
            }

            .login-frame .auth-forgot-field {
                margin-top: 2px;
            }

            .login-frame .auth-forgot-field a {
                min-height: 28px;
                display: inline-flex;
                align-items: center;
                line-height: 1.45;
            }
        }

        .public-light-frame {
            min-height: 100vh;
            background:
                radial-gradient(circle at 76% 18%, rgba(14, 165, 233, .28), transparent 34%),
                radial-gradient(circle at 14% 82%, rgba(37, 99, 235, .16), transparent 30%),
                linear-gradient(118deg, #edf7ff 0%, #e5f6ff 42%, #eafbf7 100%);
            color: #102033;
        }

        .public-light-frame::before {
            background:
                linear-gradient(90deg, rgba(68, 122, 173, .075) 1px, transparent 1px),
                linear-gradient(180deg, rgba(68, 122, 173, .07) 1px, transparent 1px);
            background-size: 44px 44px;
            mask-image: linear-gradient(180deg, rgba(0, 0, 0, .74), rgba(0, 0, 0, .18));
        }

        .public-light-frame::after {
            height: 44vh;
            background:
                radial-gradient(circle at 50% 100%, rgba(14, 165, 233, .18), transparent 44%),
                linear-gradient(180deg, transparent, rgba(255, 255, 255, .58));
        }

        .public-light-frame .guest-topbar {
            position: sticky;
            top: 0;
            z-index: 80;
            height: 76px;
            min-height: 76px;
            align-items: center;
            padding-top: 0;
            padding-bottom: 0;
            border-bottom: 1px solid rgba(176, 204, 229, .72);
            background: rgba(255, 255, 255, .90);
            box-shadow: 0 16px 44px rgba(44, 89, 132, .10);
            backdrop-filter: blur(18px);
        }

        .public-light-frame .guest-topbar .brand-block {
            height: 44px;
            display: inline-flex;
            align-items: center;
            transform: none !important;
        }

        .public-light-frame .guest-topbar .brand-block,
        .public-light-frame .guest-topbar .brand-title {
            color: #102033;
        }

        .public-light-frame .guest-topbar .brand-subtitle {
            color: #5f7188;
        }

        .public-light-frame .guest-topbar .brand-mark {
            border-color: rgba(14, 165, 233, .24);
            box-shadow: 0 12px 28px rgba(14, 165, 233, .14);
        }

        .public-light-frame .guest-actions {
            min-height: 44px;
            align-items: center;
        }

        .public-light-frame .guest-actions .btn,
        .public-light-frame .guest-actions .btn.secondary,
        .public-light-frame .guest-actions .btn:hover,
        .public-light-frame .guest-actions .btn.secondary:hover {
            height: 42px;
            min-height: 42px;
            padding-top: 0;
            padding-bottom: 0;
            border-color: rgba(14, 165, 233, .34);
            background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 48%, #0f766e 100%);
            color: #ffffff;
            line-height: 1;
            box-shadow: 0 12px 26px rgba(14, 165, 233, .16);
            transform: none !important;
        }

        .public-light-frame .guest-actions .btn.secondary {
            background: rgba(255, 255, 255, .78);
            color: #075c66;
            box-shadow: none;
        }

        .public-light-frame .guest-actions .btn:hover,
        .public-light-frame .guest-actions .btn.secondary:hover {
            border-color: rgba(14, 165, 233, .44);
            background: linear-gradient(135deg, #1d4ed8 0%, #0284c7 50%, #0b6f68 100%);
            color: #ffffff;
            box-shadow: 0 12px 26px rgba(14, 165, 233, .18);
        }

        .public-light-frame.landing-frame .landing-hero {
            min-height: clamp(640px, 78vh, 760px);
            color: #102033;
            padding-top: 72px;
        }

        .public-light-frame.landing-frame .landing-hero::before {
            background:
                linear-gradient(105deg, rgba(247, 252, 255, .98) 0%, rgba(236, 249, 255, .94) 42%, rgba(222, 249, 246, .84) 100%),
                url('/assets/visual/platform-ops-bg-unified.webp') center right / cover no-repeat;
        }

        .public-light-frame.landing-frame .landing-hero::after {
            height: 180px;
            background: linear-gradient(180deg, rgba(237, 247, 255, 0), rgba(237, 247, 255, .98) 88%);
        }

        .public-light-frame .landing-hero h1,
        .public-light-frame .landing-section-head h2,
        .public-light-frame .landing-overview-title h2,
        .public-light-frame .landing-workspace-side h3,
        .public-light-frame .landing-process-step h3 {
            color: #102033;
            text-shadow: none;
        }

        .public-light-frame .landing-subtitle,
        .public-light-frame .landing-section-head p,
        .public-light-frame .landing-overview-title p,
        .public-light-frame .landing-workspace-side p,
        .public-light-frame .landing-process-step p {
            color: #51647a;
        }

        .public-light-frame .landing-kicker,
        .public-light-frame .page-kicker {
            border-color: rgba(14, 165, 233, .24);
            background: rgba(255, 255, 255, .66);
            color: #075c66;
            box-shadow: 0 10px 24px rgba(52, 100, 146, .07);
        }

        .public-light-frame .landing-kicker span:first-child {
            background: #0ea5e9;
            box-shadow: 0 0 0 6px rgba(14, 165, 233, .15);
        }

        .public-light-frame.landing-frame .page-kicker {
            width: auto;
            max-width: max-content;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 0;
            border: 0;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            color: #087081;
            line-height: 1;
            margin-bottom: 10px;
        }

        .public-light-frame.landing-frame .page-kicker::before {
            content: "";
            width: 8px;
            height: 8px;
            border-radius: 999px;
            background: #0ea5e9;
            box-shadow: 0 0 0 6px rgba(14, 165, 233, .13);
            flex: 0 0 auto;
        }

        .public-light-frame.landing-frame .landing-section-head {
            align-items: center;
            margin-bottom: 24px;
        }

        .public-light-frame.landing-frame .landing-section-head p {
            max-width: 560px;
        }

        .public-light-frame .landing-actions .btn,
        .public-light-frame .landing-workspace-actions .btn {
            border-color: transparent;
            background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 48%, #0f766e 100%);
            color: #ffffff;
            box-shadow: 0 14px 32px rgba(14, 165, 233, .20);
        }

        .public-light-frame .landing-actions .btn.secondary,
        .public-light-frame .landing-workspace-actions .btn.secondary {
            border-color: rgba(170, 198, 223, .95);
            background: rgba(255, 255, 255, .84);
            color: #075c66;
            box-shadow: none;
        }

        .public-light-frame .landing-trust-strip span {
            border-color: rgba(178, 207, 232, .76);
            background: rgba(255, 255, 255, .62);
            color: #37536e;
            box-shadow: 0 10px 24px rgba(52, 100, 146, .06);
        }

        .public-light-frame .landing-command {
            border-radius: 24px;
            border-color: rgba(172, 205, 232, .86);
            background:
                linear-gradient(135deg, rgba(255, 255, 255, .76), rgba(225, 246, 255, .72) 46%, rgba(220, 249, 244, .78)),
                #f0f9ff;
            color: #102033;
            box-shadow: 0 28px 72px rgba(49, 93, 137, .16);
            backdrop-filter: blur(18px);
        }

        .public-light-frame .landing-command-head {
            border-bottom-color: rgba(176, 204, 229, .70);
            color: #102033;
        }

        .public-light-frame .landing-command-head span,
        .public-light-frame .landing-command-row span,
        .public-light-frame .landing-command-row em,
        .public-light-frame .landing-command-metric span {
            color: #60758e;
        }

        .public-light-frame .landing-command-head strong,
        .public-light-frame .landing-command-row strong,
        .public-light-frame .landing-command-metric strong {
            color: #102033;
            text-shadow: none;
        }

        .public-light-frame .landing-live-dot,
        .public-light-frame .landing-command-row em {
            border: 0;
            background: rgba(14, 165, 233, .12);
            color: #087081;
        }

        .public-light-frame .landing-command-metric,
        .public-light-frame .landing-command-row {
            border-color: rgba(159, 195, 224, .70);
            background: rgba(255, 255, 255, .62);
            box-shadow: 0 12px 28px rgba(52, 100, 146, .07);
        }

        .public-light-frame .landing-overview-shell,
        .public-light-frame .landing-workspace-board {
            border: 1px solid rgba(176, 204, 229, .82);
            background: rgba(255, 255, 255, .82);
            box-shadow: 0 24px 60px rgba(49, 93, 137, .13);
        }

        .public-light-frame.landing-frame .landing-workspace-board {
            grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
        }

        .public-light-frame.landing-frame .landing-workspace-matrix {
            min-width: 0;
        }

        .public-light-frame.landing-frame .landing-matrix-row {
            grid-template-columns: 120px minmax(110px, .72fr) minmax(220px, 1.28fr) minmax(180px, 1fr);
        }

        .public-light-frame .landing-workspace-side {
            background:
                linear-gradient(135deg, rgba(255, 255, 255, .82), rgba(226, 246, 255, .74) 52%, rgba(223, 249, 245, .74)),
                url('/assets/visual/platform-ops-bg-unified.webp') center right / cover no-repeat;
            color: #102033;
        }

        .public-light-frame .landing-workspace-side > span {
            color: #075c66;
        }

        .public-light-frame.landing-frame .landing-process-rail {
            gap: 18px;
            padding-top: 18px;
        }

        .public-light-frame.landing-frame .landing-process-rail::before {
            left: 6%;
            right: 6%;
            opacity: .22;
        }

        .public-light-frame.landing-frame .landing-process-step {
            padding-right: 18px;
        }

        @media (max-width: 1180px) {
            .public-light-frame.landing-frame .landing-section-head {
                align-items: flex-start;
                flex-direction: column;
                gap: 8px;
            }

            .public-light-frame.landing-frame .landing-workspace-board {
                grid-template-columns: 1fr;
            }

            .public-light-frame.landing-frame .landing-workspace-side {
                min-height: 280px;
            }

            .public-light-frame.landing-frame .landing-workspace-matrix {
                overflow-x: auto;
            }

            .public-light-frame.landing-frame .landing-process-rail {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 16px;
            }

            .public-light-frame.landing-frame .landing-process-rail::before {
                display: none;
            }

            .public-light-frame.landing-frame .landing-process-step {
                min-height: auto;
                padding: 16px 18px 18px 68px;
                border: 1px solid rgba(176, 204, 229, .78);
                border-radius: 18px;
                background: rgba(255, 255, 255, .76);
                box-shadow: 0 16px 36px rgba(49, 93, 137, .08);
            }

            .public-light-frame.landing-frame .landing-process-step span {
                position: absolute;
                left: 18px;
                top: 18px;
            }

            .public-light-frame.landing-frame .landing-process-step h3 {
                margin-top: 0;
            }
        }

        .public-light-frame.auth-frame:not(.login-frame) {
            background:
                radial-gradient(circle at 76% 18%, rgba(14, 165, 233, .28), transparent 34%),
                radial-gradient(circle at 14% 82%, rgba(37, 99, 235, .16), transparent 30%),
                linear-gradient(118deg, #edf7ff 0%, #e5f6ff 42%, #eafbf7 100%);
        }

        .public-light-frame.auth-frame:not(.login-frame) .auth-shell {
            min-height: calc(100vh - 76px);
            padding: 68px 52px 72px;
            align-items: center;
        }

        .public-light-frame.auth-frame:not(.login-frame) .onboarding-page {
            width: min(1180px, calc(100vw - 104px));
            gap: 26px;
            align-items: stretch;
        }

        .public-light-frame.auth-frame:not(.login-frame) .onboarding-hero {
            min-height: 640px;
            border: 1px solid rgba(172, 205, 232, .86);
            background:
                linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(231, 247, 255, .88) 46%, rgba(226, 249, 246, .90)),
                url('/assets/visual/platform-ops-bg-unified.webp') center right / cover no-repeat;
            background-blend-mode: normal, screen;
            color: #102033;
            box-shadow: 0 28px 72px rgba(49, 93, 137, .16);
        }

        .public-light-frame.auth-frame:not(.login-frame) .onboarding-hero::before {
            inset: 18px;
            border-color: rgba(117, 169, 213, .28);
            background:
                linear-gradient(90deg, rgba(65, 116, 164, .055) 1px, transparent 1px),
                linear-gradient(180deg, rgba(65, 116, 164, .05) 1px, transparent 1px);
            background-size: 42px 42px;
        }

        .public-light-frame.auth-frame:not(.login-frame) .onboarding-hero::after {
            background: radial-gradient(circle, rgba(14, 165, 233, .16), transparent 66%);
        }

        .public-light-frame.auth-frame:not(.login-frame) .onboarding-badge {
            border-color: rgba(14, 165, 233, .26);
            background: rgba(255, 255, 255, .66);
            color: #075c66;
        }

        .public-light-frame.auth-frame:not(.login-frame) .onboarding-badge::before {
            background: #0ea5e9;
            box-shadow: 0 0 0 6px rgba(14, 165, 233, .15);
        }

        .public-light-frame.auth-frame:not(.login-frame) .onboarding-hero h1,
        .public-light-frame.auth-frame:not(.login-frame) .onboarding-main-head h2,
        .public-light-frame.auth-frame:not(.login-frame) .onboarding-form-card h2,
        .public-light-frame.auth-frame:not(.login-frame) .onboarding-role h3 {
            color: #102033;
            text-shadow: none;
        }

        .public-light-frame.auth-frame:not(.login-frame) .onboarding-hero p,
        .public-light-frame.auth-frame:not(.login-frame) .onboarding-main-head p,
        .public-light-frame.auth-frame:not(.login-frame) .onboarding-form-card .onboarding-form-intro,
        .public-light-frame.auth-frame:not(.login-frame) .onboarding-role p {
            color: #51647a;
        }

        .public-light-frame.auth-frame:not(.login-frame) .onboarding-points span,
        .public-light-frame.auth-frame:not(.login-frame) .onboarding-flow-item {
            border-color: rgba(159, 195, 224, .70);
            background: rgba(255, 255, 255, .62);
            color: #37536e;
            box-shadow: 0 12px 28px rgba(52, 100, 146, .07);
        }

        .public-light-frame.auth-frame:not(.login-frame) .onboarding-points .nav-icon {
            color: #0ea5e9;
        }

        .public-light-frame.auth-frame:not(.login-frame) .onboarding-flow-item strong {
            color: #102033;
        }

        .public-light-frame.auth-frame:not(.login-frame) .onboarding-flow-item em {
            color: #60758e;
        }

        .public-light-frame.auth-frame:not(.login-frame) .onboarding-main,
        .public-light-frame.auth-frame:not(.login-frame) .onboarding-form-card {
            border-color: rgba(176, 204, 229, .82);
            background:
                radial-gradient(circle at 88% 10%, rgba(14, 165, 233, .12), transparent 30%),
                linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(244, 250, 255, .90));
            box-shadow: 0 28px 72px rgba(49, 93, 137, .16);
        }

        .public-light-frame.auth-frame:not(.login-frame) .onboarding-return {
            width: auto;
            min-width: 72px;
            max-width: max-content;
            height: 32px;
            min-height: 32px;
            padding: 0 12px;
            border-radius: 999px;
            border-color: rgba(14, 165, 233, .30);
            background: rgba(255, 255, 255, .74);
            color: #075c66;
            writing-mode: horizontal-tb;
            align-self: flex-start;
            box-shadow: none;
        }

        .public-light-frame.auth-frame:not(.login-frame) .onboarding-role {
            border-color: rgba(178, 207, 232, .90);
            background:
                linear-gradient(135deg, rgba(37, 99, 235, .10), rgba(14, 165, 233, .12)),
                rgba(255, 255, 255, .80);
            box-shadow: 0 10px 26px rgba(52, 100, 146, .07);
        }

        .public-light-frame.auth-frame:not(.login-frame) .onboarding-role.merchant {
            background:
                linear-gradient(135deg, rgba(14, 165, 233, .10), rgba(15, 118, 110, .12)),
                rgba(255, 255, 255, .82);
        }

        .public-light-frame.auth-frame:not(.login-frame) .onboarding-role-action,
        .public-light-frame.auth-frame:not(.login-frame) .onboarding-form-card button[type="submit"].btn {
            border: 0;
            background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 52%, #0f766e 100%);
            color: #ffffff;
            box-shadow: 0 14px 32px rgba(14, 165, 233, .20);
        }

        .public-light-frame.auth-frame:not(.login-frame) .onboarding-form-card input,
        .public-light-frame.auth-frame:not(.login-frame) .onboarding-form-card select,
        .public-light-frame.auth-frame:not(.login-frame) .onboarding-form-card textarea,
        .public-light-frame.auth-frame:not(.login-frame) .onboarding-form-card .captcha-code {
            border-color: rgba(180, 207, 231, .94);
            background: rgba(255, 255, 255, .90);
        }

        @media (max-width: 980px) {
            .public-light-frame.auth-frame:not(.login-frame) .auth-shell {
                padding: 34px 20px 46px;
            }

            .public-light-frame.auth-frame:not(.login-frame) .onboarding-page {
                width: min(720px, calc(100vw - 28px));
            }
        }

        @media (max-width: 760px) {
            .public-light-frame .guest-topbar {
                height: 66px;
                min-height: 66px;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                padding-left: 16px;
                padding-right: 16px;
            }

            .public-light-frame .guest-topbar .brand-block {
                min-width: 0;
                max-width: calc(100% - 116px);
                flex: 1 1 auto;
            }

            .public-light-frame .guest-topbar .brand-title {
                max-width: 160px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .public-light-frame .guest-actions {
                flex: 0 0 auto;
                min-width: 0;
                gap: 8px;
            }

            .public-light-frame .guest-actions .btn,
            .public-light-frame .guest-actions .btn.secondary {
                display: inline-flex !important;
                height: 38px;
                min-height: 38px;
                padding-left: 12px;
                padding-right: 12px;
                font-size: 12px;
            }

            .public-light-frame.landing-frame .landing-hero {
                min-height: auto;
                padding: 26px 14px 28px;
                color: #102033;
            }

            .public-light-frame.landing-frame .landing-hero::before {
                background:
                    linear-gradient(135deg, rgba(247, 252, 255, .98), rgba(229, 246, 255, .94) 54%, rgba(222, 249, 246, .90)),
                    url('/assets/visual/platform-ops-bg-unified.webp') center right / cover no-repeat;
            }

            .public-light-frame .landing-command {
                border-radius: 20px;
                background:
                    linear-gradient(135deg, rgba(255, 255, 255, .82), rgba(225, 246, 255, .76) 54%, rgba(220, 249, 244, .80)),
                    #f0f9ff;
                box-shadow: 0 18px 42px rgba(49, 93, 137, .13);
            }

            .public-light-frame.auth-frame:not(.login-frame) .auth-shell {
                min-height: calc(100vh - 66px);
                padding: 18px 12px 34px;
            }

            .public-light-frame.auth-frame:not(.login-frame) .onboarding-page {
                width: 100%;
            }

            .public-light-frame.auth-frame:not(.login-frame) .onboarding-hero {
                min-height: auto;
                padding: 20px;
                border-radius: 24px;
                background:
                    linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(232, 247, 255, .90) 54%, rgba(226, 249, 246, .92)),
                    url('/assets/visual/platform-ops-bg-unified.webp') center right / cover no-repeat;
                background-blend-mode: normal, screen;
            }

            .public-light-frame.auth-frame:not(.login-frame) .onboarding-flow {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 8px;
                margin-top: 14px;
            }

            .public-light-frame.auth-frame:not(.login-frame) .onboarding-flow-item {
                min-height: 72px;
                grid-template-columns: 1fr;
                justify-items: center;
                align-content: center;
                gap: 6px;
                padding: 10px 6px;
                border-radius: 16px;
                text-align: center;
            }

            .public-light-frame.auth-frame:not(.login-frame) .onboarding-flow-item span:first-child {
                width: 30px;
                height: 30px;
                border-radius: 11px;
                font-size: 12px;
            }

            .public-light-frame.auth-frame:not(.login-frame) .onboarding-flow-item strong {
                margin: 0;
                font-size: 12px;
                line-height: 1.25;
            }

            .public-light-frame.auth-frame:not(.login-frame) .onboarding-flow-item em {
                display: none;
            }

            .public-light-frame.auth-frame:not(.login-frame) .onboarding-main,
            .public-light-frame.auth-frame:not(.login-frame) .onboarding-form-card {
                border-radius: 24px;
                padding: 20px;
            }

            .public-light-frame.auth-frame:not(.login-frame) .onboarding-form-head,
            .public-light-frame.auth-frame:not(.login-frame) .onboarding-main-head {
                align-items: flex-start;
            }

            .public-light-frame.auth-frame:not(.login-frame) .onboarding-return {
                min-width: 66px;
                height: 30px;
                min-height: 30px;
                padding: 0 10px;
            }
        }

        .landing-mobile-brief {
            display: none;
        }

        @media (max-width: 760px) {
            .public-light-frame.landing-frame {
                background:
                    linear-gradient(180deg, #eef8ff 0, #f7fbff 44%, #ffffff 100%),
                    linear-gradient(90deg, rgba(14, 165, 233, .045) 1px, transparent 1px),
                    linear-gradient(180deg, rgba(15, 118, 110, .04) 1px, transparent 1px);
                background-size: auto, 28px 28px, 28px 28px;
            }

            .public-light-frame.landing-frame .landing-shell {
                padding: 0 0 24px;
            }

            .public-light-frame.landing-frame .landing-page {
                overflow: visible;
                max-width: 100vw;
            }

            .public-light-frame.landing-frame,
            .public-light-frame.landing-frame .guest-topbar {
                overflow-x: hidden;
            }

            .public-light-frame.landing-frame .guest-topbar {
                gap: 10px;
                padding-left: 14px;
                padding-right: 14px;
                justify-content: flex-start;
            }

            .public-light-frame.landing-frame .guest-topbar .brand-block {
                flex: 0 1 150px;
                max-width: 150px;
            }

            .public-light-frame.landing-frame .guest-topbar .brand-title {
                max-width: 112px;
            }

            .public-light-frame.landing-frame .guest-actions {
                flex-wrap: nowrap;
                gap: 6px;
                margin-left: auto;
                max-width: 144px;
            }

            .public-light-frame.landing-frame .guest-actions .btn,
            .public-light-frame.landing-frame .guest-actions .btn.secondary {
                height: 36px;
                min-height: 36px;
                padding-left: 9px;
                padding-right: 9px;
                border-radius: 12px;
                font-size: 12px;
            }

            .public-light-frame.landing-frame .landing-hero {
                width: auto;
                margin: 12px 12px 0;
                padding: 20px 16px 18px;
                border: 1px solid rgba(171, 207, 232, .78);
                border-radius: 24px;
                color: #102033;
                box-shadow: 0 18px 44px rgba(46, 98, 147, .13);
            }

            .public-light-frame.landing-frame .landing-hero::before {
                background:
                    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(228, 247, 255, .92) 58%, rgba(221, 249, 245, .92)),
                    url('/assets/visual/platform-ops-bg-unified.webp') right center / cover no-repeat;
                background-blend-mode: normal, screen;
            }

            .public-light-frame.landing-frame .landing-hero::after,
            .public-light-frame.landing-frame .landing-command {
                display: none;
            }

            .public-light-frame.landing-frame .landing-hero-grid {
                display: block;
            }

            .public-light-frame.landing-frame .landing-kicker {
                min-height: 26px;
                width: max-content;
                max-width: 100%;
                padding: 5px 10px;
                border-color: rgba(14, 165, 233, .22);
                background: rgba(255, 255, 255, .72);
                color: #075c66;
                box-shadow: none;
            }

            .public-light-frame.landing-frame .landing-hero h1 {
                max-width: none;
                margin: 14px 0 8px;
                color: #102033;
                font-size: 34px;
                line-height: 1.12;
                text-shadow: none;
            }

            .public-light-frame.landing-frame .landing-subtitle {
                display: -webkit-box;
                overflow: hidden;
                color: #51647a;
                font-size: 14px;
                line-height: 1.72;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
            }

            .public-light-frame.landing-frame .landing-actions {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px;
                margin-top: 16px;
            }

            .public-light-frame.landing-frame .landing-actions .btn,
            .public-light-frame.landing-frame .landing-actions .btn.secondary {
                min-height: 44px;
                border-radius: 14px;
                padding: 0 10px;
                font-size: 13px;
                box-shadow: none;
            }

            .public-light-frame.landing-frame .landing-actions .btn:first-child {
                border: 0;
                background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 54%, #0f766e 100%);
                color: #ffffff;
                box-shadow: 0 12px 26px rgba(14, 165, 233, .18);
            }

            .public-light-frame.landing-frame .landing-actions .btn.secondary {
                border-color: rgba(160, 195, 224, .92);
                background: rgba(255, 255, 255, .82);
                color: #075c66;
            }

            .public-light-frame.landing-frame .landing-actions .btn:nth-child(3) {
                grid-column: 1 / -1;
                background: rgba(255, 255, 255, .88);
                color: #102033;
            }

            .public-light-frame.landing-frame .landing-trust-strip {
                display: flex;
                overflow-x: auto;
                gap: 8px;
                margin-top: 12px;
                padding-bottom: 2px;
                scrollbar-width: none;
            }

            .public-light-frame.landing-frame .landing-trust-strip::-webkit-scrollbar {
                display: none;
            }

            .public-light-frame.landing-frame .landing-trust-strip span {
                flex: 0 0 auto;
                min-height: 28px;
                padding: 6px 10px;
                border-radius: 999px;
                background: rgba(255, 255, 255, .64);
                color: #4d647f;
                font-size: 11px;
                box-shadow: none;
            }

            .public-light-frame.landing-frame .landing-page > .landing-section:not(.landing-mobile-brief) {
                display: none;
            }

            .public-light-frame.landing-frame .landing-mobile-brief {
                display: grid;
                gap: 12px;
                padding: 14px 12px 28px;
            }

            .mobile-landing-panel,
            .mobile-landing-safe {
                border: 1px solid rgba(176, 204, 229, .82);
                border-radius: 22px;
                background:
                    linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(246, 251, 255, .92));
                box-shadow: 0 16px 40px rgba(49, 93, 137, .10);
            }

            .mobile-landing-panel {
                padding: 16px;
            }

            .mobile-landing-head {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 4px;
                margin-bottom: 13px;
            }

            .mobile-landing-head span {
                color: #087081;
                font-size: 12px;
                font-weight: 900;
            }

            .mobile-landing-head strong {
                color: #102033;
                font-size: 20px;
                line-height: 1.2;
            }

            .mobile-landing-roles {
                display: grid;
                gap: 10px;
            }

            .mobile-landing-roles a {
                display: grid;
                grid-template-columns: 58px minmax(0, 1fr);
                align-items: center;
                gap: 10px;
                min-height: 64px;
                padding: 12px;
                border: 1px solid #dce9f5;
                border-radius: 18px;
                background: rgba(255, 255, 255, .78);
                color: inherit;
                text-decoration: none;
            }

            .mobile-landing-roles span {
                color: #087081;
                font-size: 13px;
                font-weight: 900;
            }

            .mobile-landing-roles strong {
                color: #102033;
                font-size: 14px;
                line-height: 1.42;
            }

            .mobile-landing-roles em {
                grid-column: 2;
                justify-self: start;
                min-width: 62px;
                padding: 7px 9px;
                border-radius: 999px;
                background: linear-gradient(135deg, #e8f7ff, #eafbf5);
                color: #075c66;
                font-size: 12px;
                font-style: normal;
                font-weight: 900;
                text-align: center;
                white-space: nowrap;
            }

            .mobile-landing-panel.compact {
                padding-bottom: 12px;
            }

            .mobile-landing-steps {
                display: grid;
                gap: 0;
                overflow: hidden;
                border: 1px solid #e1ecf6;
                border-radius: 18px;
                background: #ffffff;
            }

            .mobile-landing-steps div {
                display: grid;
                grid-template-columns: 38px minmax(72px, .46fr) minmax(0, 1fr);
                align-items: center;
                gap: 10px;
                min-height: 58px;
                padding: 10px 12px;
                border-bottom: 1px solid #eef4fa;
            }

            .mobile-landing-steps div:last-child {
                border-bottom: 0;
            }

            .mobile-landing-steps span {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 32px;
                height: 32px;
                border-radius: 12px;
                background: linear-gradient(135deg, #2563eb, #0ea5e9);
                color: #ffffff;
                font-size: 12px;
                font-weight: 950;
            }

            .mobile-landing-steps strong {
                color: #102033;
                font-size: 14px;
            }

            .mobile-landing-steps em {
                color: #5f7188;
                font-size: 12px;
                font-style: normal;
                line-height: 1.45;
            }

            .mobile-landing-safe {
                padding: 12px 14px;
                background: rgba(236, 253, 245, .76);
                color: #075c66;
                font-size: 12px;
                font-weight: 800;
                text-align: center;
            }

            html:has(.public-light-frame.landing-frame),
            body:has(.public-light-frame.landing-frame),
            .public-light-frame.landing-frame,
            .public-light-frame.landing-frame .guest-shell,
            .public-light-frame.landing-frame .landing-page,
            .public-light-frame.landing-frame .landing-hero,
            .public-light-frame.landing-frame .landing-mobile-brief {
                max-width: 100% !important;
                overflow-x: hidden !important;
            }

            .public-light-frame.landing-frame .guest-topbar {
                width: 100vw !important;
                min-width: 0 !important;
                max-width: 100vw !important;
                display: flex !important;
                column-gap: 8px !important;
                overflow: hidden !important;
            }

            .public-light-frame.landing-frame .guest-topbar .brand-block {
                width: auto !important;
                max-width: 100% !important;
                min-width: 0 !important;
                overflow: hidden !important;
            }

            .public-light-frame.landing-frame .guest-topbar .brand-block > span {
                min-width: 0 !important;
                overflow: hidden !important;
            }

            .public-light-frame.landing-frame .guest-topbar .brand-subtitle {
                display: none !important;
            }

            .public-light-frame.landing-frame .guest-actions {
                display: none !important;
            }

            .public-light-frame.landing-frame .guest-actions .btn,
            .public-light-frame.landing-frame .guest-actions .btn.secondary {
                width: auto !important;
                min-width: 0 !important;
                padding-left: 8px !important;
                padding-right: 8px !important;
                letter-spacing: 0 !important;
            }

            .public-light-frame.landing-frame .guest-actions .btn:not(.secondary) {
                display: none !important;
            }
        }