@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap");:root{color-scheme:light;font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#eef4fb;color:#102347;--bg:#eef4fb;--bg-soft:#f7faff;--panel:rgba(255,255,255,0.84);--panel-strong:rgba(255,255,255,0.96);--panel-dark:linear-gradient(180deg,#102347,#0b1836);--border:rgba(49,86,148,0.16);--border-strong:rgba(25,55,108,0.28);--text:#102347;--muted:#62789d;--muted-strong:#425877;--accent:#f3a62a;--accent-strong:#d57d00;--accent-soft:rgba(243,166,42,0.18);--info-soft:#dce8ff;--live-soft:rgba(243,166,42,0.14);--danger-soft:rgba(224,95,78,0.14);--shadow-lg:0 28px 80px rgba(16,35,71,0.14);--shadow-md:0 14px 36px rgba(16,35,71,0.1);--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{position:relative;background:radial-gradient(circle at 0 0,rgba(97,142,255,.18),transparent 28%),radial-gradient(circle at 100% 0,rgba(243,166,42,.18),transparent 24%),linear-gradient(180deg,#f7faff,#eef4fb);color:var(--text)}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.42) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.42) 1px,transparent 0);background-size:34px 34px;opacity:.35;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 88%);mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 88%)}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(243,166,42,.9);outline-offset:2px}.auth-screen,.dashboard-page{position:relative;z-index:1}.auth-screen{min-height:100vh;padding:clamp(24px,4vw,48px);display:grid;align-items:center}.auth-console{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,420px);grid-gap:clamp(18px,3vw,28px);gap:clamp(18px,3vw,28px)}.auth-form-card,.auth-story,.dashboard-kpi,.dashboard-panel{border:1px solid var(--border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow-md)}.auth-story{position:relative;overflow:hidden;padding:clamp(28px,3vw,38px);border-radius:var(--radius-xl);background:radial-gradient(circle at top right,rgba(243,166,42,.22),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.92),rgba(232,240,252,.88))}.auth-story:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.46);border-radius:calc(var(--radius-xl) - 10px);pointer-events:none}.auth-form-card{padding:28px;border-radius:var(--radius-xl);background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(244,248,255,.9));display:grid;grid-gap:16px;gap:16px;align-content:start}.eyebrow{margin:0;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.auth-title,.dashboard-title,.section-title{margin:0;line-height:1.05;color:var(--text)}.auth-title{margin-top:12px;font-size:clamp(38px,5vw,64px);max-width:10ch}.auth-copy,.dashboard-copy,.section-copy{margin:0;color:var(--muted-strong);line-height:1.75}.auth-copy{margin-top:14px;max-width:58ch}.auth-flow{margin-top:24px;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(16,35,71,.08);color:#173364;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600}.auth-metrics{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.auth-metric{padding:16px;border-radius:var(--radius-md);background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.48)}.auth-metric-label,.control-label,.dashboard-kpi-label,.detail-card-label,.message-label,.signal-label{margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.auth-metric-value,.code-inline,.dashboard-kpi-value,.detail-card-value,.signal-code{font-family:IBM Plex Mono,monospace}.auth-metric-value{margin-top:8px;font-size:18px;font-weight:700;color:var(--text)}.auth-list{margin:22px 0 0;padding:0;list-style:none;display:grid;grid-gap:10px;gap:10px}.auth-list li{display:grid;grid-template-columns:auto 1fr;grid-gap:10px;gap:10px;align-items:flex-start;color:var(--muted-strong)}.auth-list li:before{content:"";width:9px;height:9px;margin-top:9px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 6px rgba(243,166,42,.12)}.form-title{margin:2px 0 0;font-size:28px;font-weight:800;color:var(--text)}.form-copy{margin:0;color:var(--muted-strong);line-height:1.7}.form-grid{display:grid;grid-gap:14px;gap:14px}.field{display:grid;grid-gap:8px;gap:8px}.app-control{width:100%;min-height:48px;padding:0 14px;border-radius:14px;border:1px solid rgba(49,86,148,.2);background:rgba(255,255,255,.92);color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.app-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#5f7398 0),linear-gradient(135deg,#5f7398 50%,transparent 0);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:34px}.app-button{min-height:48px;padding:0 16px;border:1px solid transparent;border-radius:14px;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}.app-button:hover:not(:disabled){transform:translateY(-1px)}.app-button:disabled{cursor:not-allowed;opacity:.6}.app-button-primary{background:linear-gradient(180deg,#f7b440,#e69313);color:#14284e;box-shadow:0 14px 28px rgba(243,166,42,.24)}.app-button-secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#f4f8ff}.app-button-ghost{background:transparent;border-color:rgba(255,255,255,.16);color:#f4f8ff}.form-error{margin:0;color:#b63f2f;font-size:14px;font-weight:600}.dashboard-page{min-height:100vh;padding:clamp(20px,3vw,30px);display:grid;grid-gap:18px;gap:18px}.dashboard-header{display:grid;grid-gap:16px;gap:16px}.dashboard-title{margin-top:10px;font-size:clamp(30px,4vw,46px)}.dashboard-copy{margin-top:10px;max-width:70ch}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.dashboard-kpi{padding:16px 18px;border-radius:18px;background:var(--panel)}.dashboard-kpi-value{margin-top:8px;font-size:clamp(24px,3vw,30px);font-weight:700;color:var(--text)}.dashboard-kpi-accent{background:var(--panel-dark);border-color:rgba(255,255,255,.08)}.dashboard-kpi-accent .dashboard-kpi-label{color:rgba(255,255,255,.68)}.dashboard-kpi-accent .dashboard-kpi-value{color:#fdfefe}.dashboard-board{display:grid;grid-template-columns:260px minmax(0,1.45fr) minmax(320px,380px);grid-gap:14px;gap:14px;align-items:flex-start}.dashboard-panel{border-radius:var(--radius-lg);background:var(--panel)}.dashboard-detail,.dashboard-rail,.dashboard-table-wrap{padding:18px}.dashboard-rail{display:grid;grid-gap:16px;gap:16px}.section-title{margin-top:8px;font-size:22px;font-weight:800}.section-copy{margin-top:8px}.dashboard-note-card{padding:14px;border-radius:16px;background:rgba(16,35,71,.05);border:1px solid rgba(49,86,148,.08);display:grid;grid-gap:6px;gap:6px}.dashboard-note-value{color:var(--text);font-weight:700}.dashboard-note-subtle{color:var(--muted);font-size:13px;line-height:1.6;word-break:break-word}.dashboard-note-list{margin:0;padding-left:18px;display:grid;grid-gap:8px;gap:8px;color:var(--muted-strong);line-height:1.6}.dashboard-table-wrap{display:grid;grid-gap:14px;gap:14px}.dashboard-block-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end}.live-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(16,35,71,.08);color:var(--text);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.live-chip-active{background:var(--live-soft);color:#8f5600}.live-dot{width:8px;height:8px;border-radius:999px;background:currentColor;box-shadow:0 0 0 6px rgba(243,166,42,.1)}.alias-table{display:grid;grid-gap:8px;gap:8px}.alias-row,.alias-table-header{display:grid;grid-template-columns:1.9fr .95fr .8fr .9fr;grid-gap:10px;gap:10px;align-items:center}.alias-table-header{padding:0 14px 8px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.alias-row{width:100%;padding:16px 14px;border:1px solid rgba(49,86,148,.1);border-radius:16px;background:rgba(255,255,255,.56);text-align:left;color:var(--text);transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.alias-row:hover{background:rgba(255,255,255,.86);border-color:rgba(49,86,148,.18);box-shadow:0 14px 30px rgba(16,35,71,.08);transform:translateY(-1px)}.alias-row-selected{background:rgba(220,232,255,.72);border-color:rgba(69,106,173,.3)}.alias-row-live{background:rgba(255,246,223,.92);border-color:rgba(243,166,42,.24)}.alias-row-address{display:grid;grid-gap:3px;gap:3px}.alias-row-email{font-weight:700;word-break:break-word}.alias-row-local{color:var(--muted);font-size:13px}.alias-service{color:var(--muted-strong)}.code-pill,.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.status-pill{width:-moz-fit-content;width:fit-content;border:1px solid transparent}.status-idle{background:rgba(16,35,71,.08);color:#18315d}.status-registering{background:rgba(70,124,234,.12);color:#2955af}.status-receiving_code{background:rgba(243,166,42,.18);color:#8f5600}.status-registered{background:rgba(49,145,95,.16);color:#146442}.status-disabled{background:rgba(224,95,78,.15);color:#9d3429}.code-pill{justify-self:start;background:rgba(16,35,71,.06);color:#193361;font-family:IBM Plex Mono,monospace}.dashboard-detail{display:grid;grid-gap:16px;gap:16px;background:var(--panel-dark);border-color:rgba(255,255,255,.08);color:#f6f8ff}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.detail-head-main{min-width:0;flex:1 1;display:grid;grid-gap:6px;gap:6px}.detail-head .eyebrow,.detail-subtle,.message-empty,.signal-link-muted{color:rgba(232,239,255,.68)}.detail-email-row{display:flex;align-items:center;gap:10px;min-width:0}.detail-email{margin:0;min-width:0;flex:1 1;font-size:19px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-copy-button{flex-shrink:0;padding:8px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);color:#f4f8ff;font-size:12px;font-weight:700}.detail-copy-feedback{margin:0;color:#ffd48c;font-size:12px;font-weight:700}.detail-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.detail-card{padding:14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);display:grid;grid-gap:8px;gap:8px}.detail-input-card{align-content:start}.detail-card-label{color:rgba(232,239,255,.62)}.detail-card-value{font-size:15px;font-weight:700;color:#f4f8ff;word-break:break-word}.detail-input{width:100%;min-height:42px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(9,18,40,.3);color:#f6f8ff}.detail-input::placeholder{color:rgba(232,239,255,.42)}.detail-actions{display:flex;flex-wrap:wrap;gap:10px}.signal-card{display:grid;grid-gap:16px;gap:16px;padding:18px;border-radius:20px;background:radial-gradient(circle at top right,rgba(243,166,42,.2),transparent 24%),rgba(255,255,255,.05);border:1px solid rgba(243,166,42,.22)}.signal-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.signal-label{color:rgba(232,239,255,.62)}.signal-live{display:inline-flex;align-items:center;gap:8px;color:#ffd48c;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.signal-live:before{content:"";width:8px;height:8px;border-radius:999px;background:currentColor;box-shadow:0 0 0 6px rgba(243,166,42,.1)}.signal-code{font-size:clamp(34px,5vw,44px);font-weight:700;letter-spacing:.16em;color:#ffffff}.signal-link-block{display:grid;grid-gap:8px;gap:8px}.signal-link{color:#f7d28a;word-break:break-all}.message-feed{display:grid;grid-gap:10px;gap:10px}.message-label{color:rgba(232,239,255,.62)}.message-card{padding:14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:grid;grid-gap:6px;gap:6px}.message-subject{color:#f4f8ff;font-weight:700}.message-from{color:rgba(232,239,255,.68);font-size:13px;word-break:break-word}@media (max-width:1180px){.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-board{grid-template-columns:260px minmax(0,1fr)}.dashboard-detail{grid-column:1/-1}}@media (max-width:980px){.auth-console,.auth-metrics,.dashboard-board,.detail-summary-grid{grid-template-columns:1fr}}@media (max-width:740px){.auth-screen,.dashboard-page{padding:18px}.dashboard-kpi-grid{grid-template-columns:1fr}.dashboard-block-head,.detail-email-row,.detail-head{flex-direction:column;align-items:flex-start}.detail-email-row{width:100%}.alias-table{overflow-x:auto}.alias-row,.alias-table-header{min-width:720px}}