:root{--bg-top: #dce9ff;--bg-bottom: #edf3ff;--window-bg: rgba(247, 250, 255, .58);--window-edge: rgba(255, 255, 255, .64);--panel: rgba(255, 255, 255, .52);--panel-border: rgba(153, 174, 206, .24);--text: #1f2733;--muted: #6a768e;--accent: #0a84ff;--accent-strong: #0a73d9;--danger: #d93d45;--danger-strong: #bf2f36;--focus: rgba(10, 132, 255, .35)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:SF Pro Text,SF Pro Display,Helvetica Neue,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);background:radial-gradient(circle at 14% 16%,#b3d4ffc2,#b3d4ff00 35%),radial-gradient(circle at 86% 7%,#c9eaffb3,#c9eaff00 32%),radial-gradient(circle at 52% 112%,#e4ecff9e,#e4ecff00 44%),linear-gradient(170deg,var(--bg-top) 0%,var(--bg-bottom) 60%)}.layout-root{width:min(1240px,calc(100% - 34px));margin:22px auto;padding:16px;border-radius:22px;border:1px solid var(--window-edge);background:var(--window-bg);backdrop-filter:blur(34px) saturate(155%);-webkit-backdrop-filter:blur(34px) saturate(155%);box-shadow:0 18px 34px #5c749433,inset 0 1px #ffffff7a;display:grid;gap:12px}.topbar{border:1px solid var(--panel-border);border-radius:14px;background:linear-gradient(180deg,#ffffff8a,#eef5ff59);padding:12px 14px 14px;display:grid;gap:8px}.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.window-controls{display:inline-flex;align-items:center;gap:8px}.window-controls span{width:12px;height:12px;border-radius:999px;box-shadow:inset 0 -.5px 1px #0000002e,inset 0 .5px 1px #ffffff5c}.window-controls .red{background:#ff5f57}.window-controls .yellow{background:#ffbd2f}.window-controls .green{background:#28c840}.topbar small{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}.topbar h1{margin:0;font-size:clamp(1.38rem,3.3vw,2.25rem);letter-spacing:-.028em;line-height:1.1;font-weight:630}.topbar p{margin:0;font-size:.93rem;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:14px;box-shadow:0 8px 18px #607da51f,inset 0 1px #ffffff85;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}.panel h2{margin:0 0 10px;font-size:.98rem;letter-spacing:-.01em;font-weight:620}.panel h3{margin:0 0 6px;font-size:.9rem;font-weight:610}.login-panel{max-width:560px}.auth-form,.lead-form{display:grid;gap:10px}.auth-form label,.lead-form label{display:grid;gap:6px;font-size:.84rem;color:var(--muted)}.stats-row{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:9px}.stat-card{background:linear-gradient(180deg,#ffffff9e,#f1f7ff70);border:1px solid var(--panel-border);border-radius:12px;padding:10px 11px;box-shadow:inset 0 1px #ffffff94}.stat-card span{display:block;font-size:.71rem;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.stat-card strong{display:block;font-size:1.44rem;letter-spacing:-.03em;margin-top:5px;font-weight:640}.table-wrapper{overflow:auto;border:1px solid rgba(138,161,196,.2);border-radius:12px;background:#fbfdff9e}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px 11px;border-bottom:1px solid rgba(143,164,199,.17)}th{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:620;position:sticky;top:0;background:#f4f8ffb3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}tbody tr{transition:background-color .2s ease}tbody tr:hover{background:#e0edff54}tr.is-selected{background:#cadffc70}button,input,textarea,select{font:inherit}button{border:1px solid rgba(9,103,201,.3);border-radius:10px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff;padding:7px 12px;font-weight:590;cursor:pointer;transition:transform .14s ease,box-shadow .2s ease,filter .2s ease,opacity .2s ease;box-shadow:0 3px 10px #0a84ff45}button:hover{filter:brightness(1.03)}button:active{transform:translateY(1px) scale(.992)}button:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}button.ghost{color:var(--text);background:linear-gradient(180deg,#ffffffa3,#edf4ff70);border-color:#89a0c452;box-shadow:0 2px 8px #4561891c}button.danger{background:linear-gradient(180deg,var(--danger) 0%,var(--danger-strong) 100%);border-color:#a7242b59;box-shadow:0 3px 10px #b22d353d}input,textarea,select{border:1px solid rgba(138,161,196,.28);border-radius:10px;padding:7px 9px;color:var(--text);background:linear-gradient(180deg,#ffffffbd,#f6faff9e);box-shadow:inset 0 1px 1px #fff9}input:focus,textarea:focus,select:focus,button:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 3px var(--focus)}.pipeline-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:10px}.pipeline-col{border:1px solid rgba(138,161,196,.2);border-radius:11px;padding:9px;background:#fafcff85}.pipeline-col header{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px}.pipeline-col header strong{font-size:.78rem;color:var(--muted);font-weight:610}.pipeline-col header span{min-width:24px;text-align:center;padding:2px 7px;border-radius:999px;background:#c2d6f657;font-size:.72rem}.pipeline-card{border:1px solid rgba(138,161,196,.18);border-radius:9px;background:#ffffffa8;padding:8px;margin-bottom:7px}.pipeline-card h4{margin:0;font-size:.86rem;font-weight:610}.pipeline-card p{margin:5px 0 0;font-size:.78rem;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:8px;margin-bottom:12px}.detail-grid dt{font-size:.69rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.detail-grid dd{margin:2px 0 0;font-weight:570}.alert{border-radius:10px;padding:9px 11px;border:1px solid;font-size:.92rem}.alert.error{background:#ffe7e9e6;border-color:#e07d8380;color:#942126}.alert.info{background:#dff1ffd9;border-color:#78adec73;color:#0f4f87}.empty{color:var(--muted);font-size:.92rem}@media (max-width: 1080px){.pipeline-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (max-width: 900px){.stats-row{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (max-width: 640px){.layout-root{width:calc(100% - 20px);margin:10px auto;padding:10px;border-radius:16px}.topbar{padding:12px}.pipeline-grid,.detail-grid,.stats-row{grid-template-columns:1fr}}
