*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#0b1220;color:#f8fafc}.shell{min-height:100vh;display:grid;place-items:center;padding:24px}.panel{width:min(100%,440px);padding:42px;border-radius:20px;background:#172235}.eyebrow{font-size:12px;letter-spacing:.18em;color:#8fb5ff;font-weight:700}h1{font-size:32px}p{color:#cbd5e1;line-height:1.55}form{display:grid;gap:18px;margin-top:26px}label{display:grid;gap:8px;font-size:14px}input{width:100%;padding:13px;border-radius:9px;border:1px solid #475569;background:#0f172a;color:#fff;font:inherit}button{border:0;border-radius:9px;padding:14px 18px;background:#93b4ff;color:#0b1220;font-weight:700;cursor:pointer}button:disabled{opacity:.6}.secondary{background:transparent;color:#cbd5e1;border:1px solid #64748b;margin-top:18px}.status{padding:16px;background:#0f172a;border-radius:10px}.error{color:#fecaca}.panel-wide{width:min(100%,1120px)}.panel-wide .status{margin-top:18px}.panel-wide table{font-size:14px}.panel-wide th,.panel-wide td{vertical-align:top;overflow-wrap:anywhere}.panel-wide input[type=checkbox]{width:auto;min-width:16px;accent-color:#93b4ff}.panel-wide button.secondary{margin-top:10px}@media(max-width:640px){.shell{padding:12px}.panel{padding:22px}.panel-wide table{font-size:12px}}select,textarea{width:100%;padding:13px;border-radius:9px;border:1px solid #475569;background:#0f172a;color:#f8fafc;font:inherit}textarea{min-height:100px;resize:vertical}.panel-wide section{max-width:100%}.auth-brand{display:block;width:184px;max-width:100%;height:auto;margin:0 auto 28px;animation:auth-brand-enter .35s ease-out}@keyframes auth-brand-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.auth-brand{animation:none}}.portal-frame{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.portal-frame *{box-sizing:border-box}.portal-frame button,.portal-frame input{font:inherit}.portal-frame button{cursor:pointer}.portal-frame button:disabled{opacity:.55;cursor:wait}.portal-frame.shell{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(ellipse at 25% 0%,#17365a 0%,transparent 45%),#080f20}.portal-frame .panel{width:min(100%,460px);padding:42px;background:#101d32;border:1px solid #253650;border-radius:24px;box-shadow:0 25px 80px #0005;animation:rise .65s ease both}.portal-frame .eyebrow{font-size:11px;letter-spacing:.2em;color:#68c9ff;font-weight:750}.portal-frame h1{font-size:clamp(28px,3vw,38px);margin:12px 0 8px;letter-spacing:-.035em}.portal-frame h2{letter-spacing:-.025em}.portal-frame p{color:#aabbd1;line-height:1.55}.portal-frame form{display:grid;gap:18px;margin-top:26px}.portal-frame label{display:grid;gap:8px;font-size:14px}.portal-frame input:not([type=checkbox]){width:100%;padding:13px;border-radius:10px;border:1px solid #425675;background:#0b172a;color:#fff}.portal-frame input:focus-visible,.portal-frame button:focus-visible{outline:2px solid #61c9ff;outline-offset:3px}.portal-frame form button{border:0;border-radius:10px;padding:14px 18px;background:linear-gradient(110deg,#48b9ff,#91e5ff);color:#07182a;font-weight:750}.portal-frame .secondary{background:transparent;color:#b9d0e7;border:1px solid #4a5c73;margin-top:18px;border-radius:10px;padding:12px 16px}.portal-frame .error{color:#ffb7b7}.portal-frame .auth-brand{text-align:center}.portal-frame .auth-brand__logo{font-size:60px;line-height:1.15;font-weight:800;letter-spacing:.22em;color:#fff;text-shadow:0 0 28px #43baff66;animation:logo-reveal 1.4s ease both}.portal-frame .auth-brand__name{font-size:11px;letter-spacing:.36em;color:#a8e3ff;margin:5px 0 35px}.portal-frame .auth-brand h1,.portal-frame .auth-brand .eyebrow{text-align:left}.portal-frame.shell--dashboard{display:flex;align-items:stretch;padding:0;background:#f3f6fb;color:#17263d}.portal-frame .sidebar{width:264px;min-width:264px;background:linear-gradient(170deg,#07162b,#0c2340);color:#fff;padding:32px 19px;display:flex;flex-direction:column;min-height:100vh}.portal-frame .brand{padding:8px 14px 30px;border-bottom:1px solid #ffffff22}.portal-frame .brand__mark{font-weight:850;font-size:40px;letter-spacing:.17em;line-height:1.1;color:#fff}.portal-frame .brand__caption{font-size:9px;letter-spacing:.26em;color:#8cd8ff;margin-top:10px}.portal-frame .sidebar__label{font-size:10px;letter-spacing:.2em;color:#7d9dbb;margin:32px 14px 12px}.portal-frame .sidebar__dealership{font-size:14px;font-weight:650;line-height:1.5;margin:0 14px 30px;color:#e4f4ff}.portal-frame .navigation{display:grid;gap:8px}.portal-frame .nav-item{width:100%;border:0;background:transparent;color:#a8c0d8;display:flex;align-items:center;gap:15px;text-align:left;padding:13px 16px;border-radius:11px;font-weight:600;transition:background .2s,color .2s,transform .2s}.portal-frame .nav-item span:first-of-type{flex:1}.portal-frame .nav-item:hover{background:#ffffff13;color:#fff;transform:translate(2px)}.portal-frame .nav-item.active{background:#2a638a88;color:#fff}.portal-frame .nav-count{background:#1e93c5;border-radius:20px;padding:2px 8px;font-size:11px}.portal-frame .sidebar__footer{margin-top:auto;border-top:1px solid #ffffff22;padding:22px 14px 0;display:grid;gap:12px;font-size:12px;color:#b7c9db;overflow-wrap:anywhere}.portal-frame .signout{background:transparent;border:1px solid #42617b;border-radius:9px;color:#dceefa;padding:10px;text-align:left}.portal-frame .panel--dashboard{width:auto;max-width:none;flex:1;min-width:0;min-height:100vh;border:0;border-radius:0;box-shadow:none;background:transparent;padding:45px clamp(24px,5vw,75px);animation:rise .55s ease both}.portal-frame .dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.portal-frame .dashboard-header h1{color:#15243b;font-size:36px}.portal-frame .dashboard-header p{margin:0;color:#64748b}.portal-frame .user-chip{padding:12px 17px;border-radius:30px;background:#fff;border:1px solid #e3eaf2;color:#43556a;font-size:13px;overflow-wrap:anywhere}.portal-frame .welcome-banner{padding:35px 38px;border-radius:19px;background:radial-gradient(circle at 90% 10%,#176fa5 0%,transparent 36%),linear-gradient(110deg,#0c1b34,#123e64);color:#fff;overflow:hidden}.portal-frame .welcome-banner__tag{color:#70d6ff;font-size:11px;font-weight:700;letter-spacing:.18em}.portal-frame .welcome-banner h2{font-size:clamp(24px,3vw,34px);margin:14px 0 6px}.portal-frame .welcome-banner p{color:#c7d9e9;margin:0}.portal-frame .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0 30px}.portal-frame .metric{background:#fff;border:1px solid #e4eaf2;border-radius:16px;padding:22px;display:grid;gap:9px;box-shadow:0 5px 18px #1c385208;animation:rise .55s ease both}.portal-frame .metric:nth-child(2){animation-delay:.1s}.portal-frame .metric:nth-child(3){animation-delay:.2s}.portal-frame .metric span{color:#62748a;font-size:13px}.portal-frame .metric strong{color:#17283f;font-size:38px;line-height:1.2}.portal-frame .metric small{color:#8290a2}.portal-frame .call-section{background:#fff;border:1px solid #e4eaf2;border-radius:18px;padding:24px;box-shadow:0 5px 18px #1c385208}.portal-frame .section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.portal-frame .section-heading h2{color:#1b2a40;margin:0;font-size:21px}.portal-frame .section-heading p{font-size:13px;color:#77869a;margin:6px 0 0}.portal-frame .outline-button{border:1px solid #cbdbe9;background:#fff;border-radius:10px;padding:11px 16px;color:#22618a;font-weight:650}.portal-frame .table-wrap{overflow-x:auto}.portal-frame .calls-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;color:#2b3b50}.portal-frame .calls-table th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#8190a3;background:#f8fafc}.portal-frame .calls-table th,.portal-frame .calls-table td{padding:16px 12px;border-bottom:1px solid #edf1f5;vertical-align:top}.portal-frame .summary-cell{min-width:220px;max-width:420px;line-height:1.5}.portal-frame .status-pill,.portal-frame .callback-pill{display:inline-block;padding:5px 9px;border-radius:7px;background:#edf4f9;color:#346181;white-space:nowrap}.portal-frame .callback-pill{background:#e3f7ed;color:#20774d}.portal-frame .filter-toggle{display:flex;align-items:center;gap:9px;color:#45566d;margin-bottom:15px}.portal-frame .filter-toggle input{width:16px;height:16px}.portal-frame .empty-state{padding:32px 0;text-align:center}.portal-frame.theme--springfield .welcome-banner{background:radial-gradient(circle at 90% 0%,#2d5377,transparent 38%),linear-gradient(110deg,#10151e,#263448)}.portal-frame.theme--springfield .sidebar{background:linear-gradient(170deg,#0c1420,#1c2939)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes logo-reveal{0%{opacity:0;filter:blur(8px);letter-spacing:.35em}to{opacity:1;filter:blur(0);letter-spacing:.22em}}@media(max-width:850px){.portal-frame.shell--dashboard{display:block}.portal-frame .sidebar{width:100%;min-width:0;min-height:auto;padding:15px 18px}.portal-frame .brand{padding:0 0 10px}.portal-frame .brand__mark{font-size:25px}.portal-frame .brand__caption{font-size:8px;margin-top:3px}.portal-frame .sidebar__label,.portal-frame .sidebar__dealership{display:none}.portal-frame .navigation{display:flex;overflow-x:auto;margin-top:10px}.portal-frame .nav-item{white-space:nowrap;width:auto}.portal-frame .sidebar__footer{margin-top:12px;padding:10px 0 0;display:flex;justify-content:space-between;align-items:center}.portal-frame .panel--dashboard{min-height:calc(100vh - 170px);padding:25px 18px}.portal-frame .metrics{grid-template-columns:1fr}.portal-frame .dashboard-header{align-items:flex-start}.portal-frame .user-chip{display:none}}@media(max-width:480px){.portal-frame.shell{padding:15px}.portal-frame .panel{padding:28px 22px}.portal-frame.shell--dashboard{padding:0}.portal-frame .welcome-banner{padding:27px 24px}.portal-frame .call-section{padding:16px}.portal-frame .nav-item{padding:10px}}@media(prefers-reduced-motion:reduce){.portal-frame *,.portal-frame *:before,.portal-frame *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.portal-frame .metric--callback{border-color:#9bd8f1;background:linear-gradient(140deg,#fff,#eaf8ff)}.portal-frame .metric--callback strong{color:#075b87}.portal-frame .metric-link{justify-self:start;padding:7px 0;background:transparent;border:0;color:#056b9d;font-weight:750;font-size:12px;text-align:left}.portal-frame .metric-link:hover{text-decoration:underline}.portal-frame .callback-pill{font-weight:750;border:1px solid #b6e8cc}@media(prefers-reduced-motion:reduce){.portal-frame .metric-link{transition:none}}.portal-frame .brand__image{display:block;width:142px;max-width:100%;height:auto;margin:0 auto;filter:drop-shadow(0 0 8px #4caaff26)}.portal-frame .auth-brand__image{display:block;width:min(100%,310px);height:auto;margin:0 auto 26px;filter:drop-shadow(0 0 15px #52c7ff44);animation:logo-reveal 1.4s ease both}@media(max-width:850px){.portal-frame .brand__image{width:85px;margin:0}}@media(prefers-reduced-motion:reduce){.portal-frame .auth-brand__image{animation:none}}.portal-frame .demo-banner{display:inline-block;margin-bottom:22px;padding:9px 14px;background:#fff6dc;border:1px solid #f0dca0;border-radius:9px;color:#755315;font-size:12px;font-weight:750;letter-spacing:.02em}.portal-frame .flow-card{margin:24px 0 28px;padding:29px 32px 18px;border:1px solid #29435c;border-radius:22px;color:#e8f6ff;background:radial-gradient(ellipse at 70% 0%,#1c527566,transparent 58%),linear-gradient(135deg,#0c1b30,#10253d 65%,#0c182b);box-shadow:0 16px 42px #142f4929;overflow:hidden}.portal-frame .flow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.portal-frame .flow-kicker{font-size:10px;letter-spacing:.19em;color:#73cde9;font-weight:800}.portal-frame .flow-head h2{font-size:24px;color:#f1faff;margin:8px 0 3px}.portal-frame .flow-head p{font-size:13px;color:#8faac1;margin:0}.portal-frame .flow-period{display:flex;gap:4px;border:1px solid #37516b;background:#09192b;padding:4px;border-radius:12px}.portal-frame .flow-period button{border:0;border-radius:9px;padding:9px 13px;background:transparent;color:#9db6cd;font-size:12px;font-weight:700}.portal-frame .flow-period button.selected{background:#245274;color:#fff;box-shadow:0 2px 10px #0004}.portal-frame .flow-insights{display:flex;gap:40px;margin:29px 0 5px}.portal-frame .flow-insights>div{display:grid;gap:5px}.portal-frame .flow-insights span{font-size:12px;color:#9cb4ca}.portal-frame .flow-insights strong{font-size:32px;font-weight:750;letter-spacing:-.05em}.portal-frame .flow-insights small{font-size:13px;color:#9cb4ca;letter-spacing:0;font-weight:500}.portal-frame .flow-plot{width:100%;margin-top:5px}.portal-frame .flow-plot svg{width:100%;height:240px;display:block;overflow:visible}.portal-frame .flow-foot{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;border-top:1px solid #ffffff16;padding-top:15px}.portal-frame .flow-foot>span{font-size:11px;color:#7e9ab2}.portal-frame .flow-legend{display:flex;gap:10px;flex-wrap:wrap}.portal-frame .flow-legend button{display:flex;align-items:center;gap:8px;border:1px solid #36516a;border-radius:9px;background:#132b44;color:#c6e0f2;padding:8px 11px;font-size:12px}.portal-frame .flow-legend button[aria-pressed=false]{opacity:.45}.portal-frame .flow-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.portal-frame .flow-dot--total{background:#59d4ff}.portal-frame .flow-dot--callbacks{background:#a6f2c5}@media(max-width:650px){.portal-frame .flow-card{padding:22px 16px}.portal-frame .flow-head{display:grid}.portal-frame .flow-period{width:max-content}.portal-frame .flow-plot svg{height:195px}.portal-frame .flow-insights{gap:24px}.portal-frame .flow-insights strong{font-size:27px}}@media(prefers-reduced-motion:no-preference){.portal-frame .flow-card{animation:rise .7s ease both}.portal-frame .flow-plot path{transition:opacity .2s ease}.portal-frame .flow-period button,.portal-frame .flow-legend button{transition:background .2s ease,opacity .2s ease}}.portal-frame .demo-filters{border:1px solid #e5edf4;background:#f8fbfe;border-radius:14px;padding:17px;margin-bottom:17px;display:grid;gap:13px}.portal-frame .demo-filters__top,.portal-frame .demo-filters__dates{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.portal-frame .demo-filters label{display:grid;gap:6px;color:#52677e;font-size:12px;font-weight:650;flex:1;min-width:130px}.portal-frame .demo-filters__top label:first-child{flex:2;min-width:210px}.portal-frame .demo-filters input,.portal-frame .demo-filters select{width:100%;height:40px;padding:8px 10px;background:#fff;color:#1b2b42;border:1px solid #cbd8e5;border-radius:9px;font-size:13px}.portal-frame .demo-filters .outline-button{height:40px;white-space:nowrap}.portal-frame .demo-filters__count{color:#5d7286;font-size:12px}.portal-frame .demo-filters input:focus-visible,.portal-frame .demo-filters select:focus-visible{outline:2px solid #36a9d7;outline-offset:2px}@media(max-width:600px){.portal-frame .demo-filters{padding:12px}.portal-frame .demo-filters__dates label{min-width:calc(50% - 12px)}}.portal-frame .demo-row-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.portal-frame .demo-row-actions button,.portal-frame .demo-row-actions select{font:inherit;font-size:12px;border:1px solid #c8d9e6;background:#f2f8fc;color:#17517b;border-radius:8px;padding:7px 9px}.portal-frame .demo-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#07111bc9;display:grid;place-items:center;padding:18px}.portal-frame .demo-modal{width:min(100%,540px);max-height:90vh;overflow-y:auto;background:#fff;color:#17263d;border-radius:20px;padding:30px;box-shadow:0 30px 90px #0007}.portal-frame .demo-modal h2,.portal-frame .demo-modal h3{color:#17263d}.portal-frame .demo-modal p{color:#40536a}.portal-frame .demo-modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.portal-frame .demo-modal-head button{border:0;background:#edf3f8;border-radius:9px;padding:10px 13px;color:#243b54}.portal-frame .demo-modal select{padding:10px;border:1px solid #ccd8e4;border-radius:9px;background:#fff;color:#17263d}.portal-frame .demo-modal small{display:block;margin-top:18px;color:#6c8095}.portal-frame .pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;color:#60758b;font-size:13px}.portal-frame .pagination button:disabled{opacity:.4;cursor:not-allowed}.portal-frame .demo-workspace{background:#fff;border:1px solid #e2e9f0;border-radius:16px;padding:24px;margin-top:22px}.portal-frame .demo-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:12px;margin:18px 0 22px}.portal-frame .demo-form-grid label,.portal-frame .demo-studio label{display:grid;gap:7px;color:#42576b;font-size:13px;font-weight:600}.portal-frame .demo-form-grid input,.portal-frame .demo-form-grid select,.portal-frame .demo-studio input,.portal-frame .demo-studio textarea{width:100%;border:1px solid #cbd8e5;border-radius:9px;padding:10px;background:#fff;color:#1b2b42;font:inherit}.portal-frame .demo-form-grid button,.portal-frame .demo-studio-actions button{background:#174b75;color:#fff;border:0;border-radius:9px;padding:11px 15px;cursor:pointer}.portal-frame .demo-form-grid button:disabled{opacity:.5;cursor:not-allowed}.portal-frame .demo-studio{display:grid;gap:18px;max-width:850px;margin-top:20px}.portal-frame .demo-studio-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;color:#5d7286;font-size:13px}.portal-frame .demo-disclaimer{font-size:12px;color:#6c8095;margin-top:18px}@media(max-width:850px){.portal-frame .demo-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.portal-frame .demo-form-grid{grid-template-columns:1fr}.portal-frame .demo-workspace{padding:14px}}.portal-frame .status{background:#fff;color:#17263d;border:1px solid #e4eaf2;padding:24px;border-radius:16px}.portal-frame .status p{color:#52677e}.portal-frame .status input,.portal-frame select,.portal-frame textarea{background:#fff;color:#17263d;border:1px solid #cbd8e5;border-radius:9px;padding:10px;font:inherit}.portal-frame .error{color:#a12121}.portal-frame .secondary{color:#22618a;border-color:#cbdbe9}.portal-frame .callback-filters{display:flex;flex-wrap:wrap;gap:18px;margin:20px 0}.portal-frame .callback-filters label{flex:1;min-width:180px}.portal-frame dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:min(92%,620px);max-height:85vh;overflow:auto;border:0;border-radius:18px;background:#fff;color:#17263d;padding:28px;box-shadow:0 20px 80px #0006}.portal-frame dialog::backdrop{background:#07111bc9}.portal-frame .panel--dashboard>dialog p{color:#40536a}.portal-frame .demo-filters{margin-top:22px}.portal-frame .empty-state{color:#52677e}.portal-frame{width:100%;max-width:100%;min-width:0}.portal-frame .panel--dashboard,.portal-frame .demo-workspace,.portal-frame .table-wrap{max-width:100%;min-width:0}.portal-frame .demo-form-grid>*{min-width:0}.portal-frame .demo-form-grid input,.portal-frame .demo-form-grid select{min-width:0;max-width:100%}.portal-frame .demo-filters .filter-toggle{display:flex;align-items:center;gap:9px;min-width:0;min-height:40px;flex:none}.portal-frame .demo-filters .filter-toggle input[type=checkbox]{width:16px;height:16px;flex:none;padding:0;margin:0;accent-color:#22618a}.portal-frame .call-section>p{color:#52677e}.portal-frame .call-section>p[role=alert]{color:#a12121}.portal-frame .callback-action-fields,.portal-frame .assignment-contact-fields{display:grid;gap:18px;border:0;padding:0;margin:0;min-width:0}.portal-frame .assignment-email-toggle{display:flex;align-items:center;gap:9px;min-width:0;min-height:40px}.portal-frame .assignment-email-toggle input[type=checkbox]{width:16px;height:16px;flex:none;padding:0;margin:0;accent-color:#22618a}.portal-frame .assignment-contact-fields input,.portal-frame .callback-action-fields input,.portal-frame .callback-action-fields select,.portal-frame .callback-action-fields textarea,.portal-frame .delivery-status-panel{min-width:0;max-width:100%}.portal-frame .delivery-status-panel .table-wrap{overflow-x:auto}.portal-frame .delivery-status-panel .email-delivery-table{min-width:960px;table-layout:auto}.portal-frame .delivery-status-panel .email-delivery-table th,.portal-frame .delivery-status-panel .email-delivery-table td{white-space:nowrap;overflow-wrap:normal;word-break:normal}.portal-frame .demo-workspace dialog p{color:#40536a}.portal-frame .flow-time-select{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#9cb4ca;margin:10px 0 18px}.portal-frame .flow-time-select select{max-width:100%;padding:9px;border:1px solid #37516b;background:#09192b;color:#e8f6ff;border-radius:9px}.portal-frame .flow-time-select select:focus-visible{outline:2px solid #61c9ff;outline-offset:3px}.portal-frame .agent-studio{background:transparent;border:0;padding:0}.portal-frame .agent-eyebrow{font-size:10px;letter-spacing:.18em;font-weight:750;color:#537994}.portal-frame .agent-card{display:grid;grid-template-columns:190px minmax(0,1fr) 210px;gap:32px;padding:30px;border:1px solid #e0e8f0;border-radius:24px;background:linear-gradient(110deg,#fff,#f6faff);box-shadow:0 14px 45px #193b5910}.portal-frame .agent-portrait{min-height:230px;overflow:hidden;border-radius:18px;background:#12263e}.portal-frame .agent-portrait img{width:100%;height:100%;max-height:280px;object-fit:cover}.portal-frame .agent-avatar{height:100%;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 65% 20%,#2c769a55,transparent 65%),linear-gradient(140deg,#0b1d32,#1e3d58);color:#d8f3ff}.portal-frame .agent-avatar>span{font-size:54px;font-weight:650;letter-spacing:-.05em;border:1px solid #8dd7f644;border-radius:50%;width:110px;height:110px;display:grid;place-items:center;background:#6cc3ff0d}.portal-frame .agent-wave{height:30px;display:flex;align-items:center;gap:5px;margin-top:20px}.portal-frame .agent-wave i{width:4px;height:10px;border-radius:8px;background:#75d5ed}.portal-frame .agent-wave i:nth-child(2n){height:22px}.portal-frame .agent-wave i:nth-child(3n){height:30px}.portal-frame .agent-identity{min-width:0;align-self:center}.portal-frame .agent-badge{font-size:10px;letter-spacing:.14em;font-weight:750;color:#287594}.portal-frame .agent-identity h3{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.035em;color:#142b42;margin:12px 0 8px;overflow-wrap:anywhere}.portal-frame .agent-identity p{font-size:14px;color:#76899b;margin:0}.portal-frame .agent-phone{display:grid;gap:7px;margin:24px 0}.portal-frame .agent-phone span,.portal-frame .agent-summary>span:first-child{font-size:10px;letter-spacing:.13em;color:#728a9d;font-weight:700}.portal-frame .agent-phone strong{font-size:14px;color:#4c657b;font-weight:500}.portal-frame .agent-configure{display:flex;align-items:center;justify-content:space-between;gap:24px;border:0;border-radius:11px;background:#143c59;color:#f0fbff;padding:13px 17px;font-weight:650}.portal-frame .agent-configure:hover{background:#205575}.portal-frame .agent-summary{border-left:1px solid #e1eaf1;padding-left:28px;align-self:center}.portal-frame .agent-summary>strong{display:block;font-size:22px;color:#1d4e68;margin:12px 0}.portal-frame .agent-summary p{color:#74899a;font-size:13px;line-height:1.7}.portal-frame .agent-summary-note{font-size:11px;color:#7b8c99;line-height:1.6;display:block}.portal-frame .agent-photo-control{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:16px 0 32px}.portal-frame .agent-photo-control label{cursor:pointer;font-size:12px}.portal-frame .agent-photo-control input{position:absolute;width:1px!important;height:1px;opacity:0;padding:0!important}.portal-frame .agent-photo-control label:focus-within{outline:2px solid #22618a;outline-offset:3px}.portal-frame .agent-photo-control small{font-size:12px;color:#7a8c9f}.portal-frame .agent-settings{background:#fff;padding:30px;border:1px solid #e0e8f0;border-radius:22px}.portal-frame .agent-settings-heading h3{font-size:24px;color:#183149;margin:10px 0}.portal-frame .agent-settings-heading p{font-size:14px;color:#72869b}.portal-frame .agent-settings fieldset{border:1px solid #e2eaf1;border-radius:14px;padding:20px;margin:0;display:grid;gap:18px;min-width:0}.portal-frame .agent-settings legend{padding:0 8px;color:#1d4e68;font-weight:700;font-size:13px}.portal-frame .agent-settings fieldset p{font-size:12px;margin:0;color:#7890a3}.portal-frame .agent-settings textarea{background:#f8fafc;border:1px solid #d9e4ed;border-radius:10px;padding:14px;line-height:1.65;color:#243e53;resize:vertical;width:100%;font:inherit;font-size:14px}.portal-frame .agent-save{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.portal-frame .agent-save small{font-size:12px;color:#7a8d9f}@media(max-width:1100px){.portal-frame .agent-card{grid-template-columns:160px minmax(0,1fr);gap:24px}.portal-frame .agent-summary{grid-column:1/-1;border-left:0;border-top:1px solid #e1eaf1;padding:18px 0 0}.portal-frame .agent-summary p{margin:7px 0}}@media(max-width:550px){.portal-frame .agent-card{grid-template-columns:1fr;padding:20px;gap:20px}.portal-frame .agent-portrait{min-height:180px;max-height:240px}.portal-frame .agent-avatar{min-height:180px}.portal-frame .agent-settings{padding:18px}.portal-frame .agent-settings fieldset{padding:14px}}.portal-frame .agent-voice-control{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px}.portal-frame .agent-voice-control small{font-size:11px;color:#7b8c99}.portal-frame .agent-setting-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.portal-frame .agent-setting-links button{display:grid;gap:8px;text-align:left;padding:22px;border:1px solid #dee8f0;border-radius:15px;background:#fff;color:#284e69}.portal-frame .agent-setting-links button:hover{border-color:#7baeca;background:#f6fbff}.portal-frame .agent-setting-links span{font-size:10px;color:#799bae;letter-spacing:.15em}.portal-frame .agent-setting-links strong{font-size:16px}.portal-frame .agent-setting-links small{font-size:12px;color:#7a8f9f}.portal-frame .voice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:20px}.portal-frame .voice-card{display:grid;gap:12px;padding:18px;border:1px solid #dce6ed;border-radius:14px;background:#f8fbfd}.portal-frame .voice-card--selected{border-color:#3287b3;box-shadow:0 0 0 1px #3287b3}.portal-frame .voice-card h3{margin:0;color:#17364e}.portal-frame .voice-card p{margin:0;font-size:12px;color:#6b8295}.portal-frame .voice-photo{width:72px;height:72px;object-fit:cover;border-radius:50%;background:#e1edf5}.portal-frame .voice-initial{display:grid;place-items:center;font-size:30px;color:#236488}.portal-frame .voice-preview-notice{font-size:12px;padding:12px;border-radius:9px;background:#eff6fb;color:#526d82}@media(max-width:550px){.portal-frame .agent-setting-links,.portal-frame .voice-grid{grid-template-columns:1fr}}.portal-frame .voice-avatar{position:relative;width:72px;height:72px}.portal-frame .voice-avatar img{position:absolute;top:0;right:0;bottom:0;left:0}.portal-frame .voice-avatar img[hidden]{display:none}.portal-frame .agent-settings fieldset:focus{outline:2px solid #5b9fc4;outline-offset:4px}.portal-frame .voice-playback{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#40536a;font-size:13px}.portal-frame .voice-filters{display:grid;gap:12px;margin-top:18px;padding:16px;border:1px solid #dce6ed;border-radius:12px;min-width:0}.portal-frame .voice-filters label{display:grid;gap:8px;min-width:0;color:#40536a;font-size:13px}.portal-frame .voice-filters input[type=search]{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.portal-frame .voice-filters .voice-sample-filter{display:flex;align-items:center;gap:9px}.portal-frame .voice-sample-filter input[type=checkbox]{width:16px;height:16px;flex:none;margin:0;padding:0}.portal-frame .voice-filters>span{font-size:12px;color:#526d82}.account-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:24px 0}.account-plan-card{border:1px solid #424856;border-radius:16px;padding:22px;background:#8080800d}.account-plan-card h4{font-size:1.2rem;margin:0 0 16px}.account-plan-card strong{font-size:1.8rem}.account-plan-card p{overflow-wrap:anywhere}