:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0b1220;background:#f3f6fb;--primary: #0052f6;--primary-hover: #003db8;--primary-soft: #e8f0ff;--accent: #00a3ff;--accent-soft: #e8f8ff;--ink: #0b1220;--muted: #66758a;--line: #d9e2ef;--line-strong: #bdcce0;--surface: #ffffff;--surface-soft: #f7f9fc;--surface-raised: rgba(255, 255, 255, .96);--danger: #b42318;--danger-soft: #fff1f0;--success: #067647;--success-soft: #ecfdf3;--warning: #92400e;--warning-soft: #fffbeb;--shadow: 0 18px 45px rgba(1, 22, 67, .1)}@media(prefers-color-scheme:dark){:root{color:#e8eef8;background:#07111f;--primary: #4c8dff;--primary-hover: #78a8ff;--primary-soft: #10264d;--accent: #51d0ff;--accent-soft: #0e2634;--ink: #e8eef8;--muted: #9fb0c7;--line: #203047;--line-strong: #334760;--surface: #0c1728;--surface-soft: #07111f;--surface-raised: rgba(12, 23, 40, .96);--danger: #ff8a80;--danger-soft: #351719;--success: #6ee7a8;--success-soft: #0b2d22;--warning: #f7c873;--warning-soft: #2f230b;--shadow: 0 18px 45px rgba(0, 0, 0, .34)}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(0,82,246,.16),transparent 28rem),linear-gradient(180deg,#00a3ff14,#005afd00 300px),var(--surface-soft)}button,input,select{font:inherit}button{min-height:40px;border:1px solid var(--primary);border-radius:8px;background:var(--primary);color:#fff;padding:0 .95rem;cursor:pointer;font-weight:650;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}button:hover{background:var(--primary-hover);border-color:var(--primary-hover)}button.secondary,button.tab{border-color:var(--line);background:var(--surface);color:var(--ink)}button.secondary:hover,button.tab:hover{border-color:var(--primary);color:var(--primary-hover)}button.danger{border-color:#ffd5d2;background:var(--danger-soft);color:var(--danger)}button.danger:hover{border-color:var(--danger);background:#ffe5e2}button.tab.active{border-color:var(--primary);background:var(--primary);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}.button-content,.notice{display:flex;align-items:center;gap:.45rem}.button-content{justify-content:center}.spinner{width:1em;height:1em;flex:0 0 auto;border:2px solid currentColor;border-right-color:transparent;border-radius:999px;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}input,select{width:100%;min-height:40px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:0 .78rem;outline:none}select[multiple]{min-height:112px;padding:.45rem .55rem}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #005afd1f}input.invalid,select.invalid{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 18%,transparent)}.field-error{color:var(--danger);font-size:.82rem;font-weight:700}label{display:grid;gap:.38rem}label span,.eyebrow,small,.summary{color:var(--muted)}h1,h2,p{margin:0}h1{font-size:clamp(1.7rem,3vw,2.15rem);line-height:1.08;letter-spacing:0}h2{font-size:1rem}.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.shell{width:min(1280px,calc(100vw - 2rem));margin:0 auto;padding:1.35rem 0 3rem}.panel,.empty-state,.metrics article{border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);box-shadow:var(--shadow)}.panel,.empty-state{padding:1rem}.panel{box-shadow:0 10px 30px #00113f0d}.auth-card{width:min(420px,100%);display:grid;gap:1rem}.topbar,.section-head,.actions,.workspace,.row,.form-actions{display:flex;gap:.75rem}.topbar{align-items:center;justify-content:space-between;margin-bottom:1rem;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);padding:.82rem 1rem;box-shadow:0 10px 28px #0116430f}.section-head{align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.actions{align-items:center;flex-wrap:wrap}.stack,.list,.form-grid{display:grid;gap:.78rem}.full-width{width:100%}.notice{margin-bottom:1rem;border:1px solid var(--line-strong);border-radius:8px;background:var(--primary-soft);color:var(--ink);padding:.72rem .85rem}.brand-logo{width:178px;max-width:70%;height:auto}.brand-lockup{display:flex;min-width:0;align-items:center;gap:.72rem}.brand-lockup img{width:42px;height:42px;border-radius:8px}.brand-lockup span{display:grid;min-width:0;gap:.1rem}.brand-lockup small{font-weight:800;letter-spacing:.06em;text-transform:uppercase}.brand-lockup strong{min-width:0;overflow-wrap:anywhere;font-size:1.3rem;line-height:1.1}.auth-card .notice{margin-bottom:0}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.metrics article{display:grid;gap:.18rem;padding:.95rem;box-shadow:none}.metrics strong{min-width:0;overflow-wrap:anywhere;font-size:1.45rem;line-height:1.12}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;margin-bottom:1rem}.resource-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.resource-nav .tab{min-height:38px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-actions,.toggle{grid-column:1 / -1}.row{align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:8px;padding:.75rem;background:var(--surface)}.row>span:first-child{display:grid;min-width:0;gap:.15rem}.summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip{max-width:100%;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);padding:.42rem .68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip.success{border-color:color-mix(in srgb,var(--success) 36%,transparent);background:var(--success-soft);color:var(--success)}.chip.warning{border-color:color-mix(in srgb,var(--warning) 36%,transparent);background:var(--warning-soft);color:var(--warning)}.empty-state{display:grid;gap:.35rem;box-shadow:none}.toggle{display:flex;align-items:center}.toggle input{width:auto;min-height:auto}.user-dashboard{grid-template-columns:minmax(280px,.85fr) minmax(0,1fr) minmax(0,1fr)}.softphone{display:grid;gap:.85rem}.phone-display{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:.5rem;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:.55rem}.phone-display span{min-width:0;overflow:hidden;color:var(--ink);font-size:1.55rem;font-weight:750;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.icon-button{min-width:42px;padding:0}.dialpad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.48rem}button.dial-key{min-height:48px;border-color:var(--line);background:var(--surface);color:var(--ink);font-size:1.1rem}button.dial-key:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.call-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.call-controls.compact button{min-height:36px}button.call-button{border-color:var(--success);background:var(--success)}button.call-button:hover{border-color:var(--success);background:color-mix(in srgb,var(--success) 84%,#000000)}.active-control{border-color:var(--accent)!important;background:var(--accent-soft)!important;color:var(--ink)!important}.softphone-meta{color:var(--muted);font-size:.88rem}.profile-panel .list{margin-top:.8rem}@media(max-width:900px){.topbar,.section-head,.row{align-items:stretch;flex-direction:column}.metrics,.workspace,.user-dashboard,.form-grid{grid-template-columns:1fr}}