:root{color:#1c2b28;font-synthesis:none;text-rendering:optimizelegibility;--ink:#172925;--muted:#71807c;--green-950:#102f2a;--green-900:#173c35;--green-700:#246a5a;--green-500:#3b8f79;--line:#e4e8e1;--surface:#fff;--cream:#f5f6f1;--shadow:0 14px 40px #15342d12;background:#f5f6f1;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--cream);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{min-height:100vh}.sidebar{background:radial-gradient(circle at 0 100%, #5ea78e21, transparent 35%), var(--green-950);color:#dfece7;z-index:5;flex-direction:column;width:240px;padding:32px 20px 22px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{align-items:center;gap:12px;margin:0 8px 42px;text-decoration:none;display:flex}.brand__mark{color:#fff;letter-spacing:-.3px;background:linear-gradient(145deg,#75c1a8,#3c8e77);border-radius:12px 12px 12px 5px;justify-content:center;align-items:center;width:39px;height:39px;font-size:11px;font-weight:700;display:flex;transform:rotate(-3deg);box-shadow:0 7px 18px #348e7638}.brand__mark span{transform:rotate(3deg)}.brand>span:last-child{flex-direction:column;display:flex}.brand strong{color:#fff;letter-spacing:-.4px;font-size:17px}.brand small{color:#87a099;letter-spacing:1.2px;text-transform:uppercase;margin-top:1px;font-family:inherit;font-size:10px}.nav-item{color:#95aca5;border-radius:11px;align-items:center;gap:12px;padding:12px 13px;font-size:14px;font-weight:600;text-decoration:none;transition:all .16s;display:flex}.nav-item--active{color:#fff;background:#ffffff17}.nav-item>span{color:#bad0c9;background:#ffffff17;border-radius:20px;margin-left:auto;padding:3px 8px;font-size:11px}.sidebar__tip{background:#ffffff0e;border:1px solid #ffffff13;border-radius:14px;margin-top:auto;padding:16px}.sidebar__tip>span{color:#78c2aa;background:#73bea424;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:12px;display:flex}.sidebar__tip p{color:#829b94;font-size:11px;line-height:1.55}.sidebar__tip strong{color:#dce8e4;margin-bottom:3px;font-size:12px;display:block}.sidebar__footer{color:#6f8981;text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:8px;padding:22px 4px 0;font-size:10px;display:flex}.live-dot{background:#58c99d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #58c99d1a}main{min-height:100vh;margin-left:240px;padding:46px clamp(28px,4vw,64px) 60px}.topbar{justify-content:space-between;align-items:flex-end;max-width:1220px;margin:0 auto 32px;display:flex}.eyebrow{color:var(--green-500);letter-spacing:1.6px;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700}.topbar h1{color:var(--ink);letter-spacing:-1.4px;font-size:clamp(27px,3vw,36px);line-height:1.2}.topbar>div>p:last-child{color:var(--muted);margin-top:7px;font-size:14px}.button{border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-size:13px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.button:not(:disabled):active{transform:translateY(1px)}.button--primary{background:var(--green-900);color:#fff;box-shadow:0 7px 18px #173c352b}.button--primary:not(:disabled):hover{background:#1f5147;box-shadow:0 8px 24px #173c3538}.button--ghost{color:#51625d;background:#f2f4f0}.button--ghost:not(:disabled):hover{background:#e9ece7}.button--danger{color:#fff;background:#b34646}.button--danger:not(:disabled):hover{background:#9c3939}.button--add{min-width:132px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1220px;margin:0 auto 20px;display:grid}.stat-card{background:#ffffffc2;border:1px solid #e0e5dcf2;border-radius:15px;align-items:flex-start;gap:14px;min-height:135px;padding:20px;display:flex}.stat-card__icon{border-radius:10px;flex:none;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.stat-card__icon--green{color:#367965;background:#e4f1eb}.stat-card__icon--gold{color:#a87829;background:#f8edd4}.stat-card__icon--blue{color:#4b7892;background:#e4edf3}.stat-card__icon--purple{color:#7c6192;background:#eee8f4}.stat-card p{color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:600}.stat-card strong{color:var(--ink);letter-spacing:-1px;font-family:inherit;font-size:26px;line-height:1.25;display:block}.stat-card small{color:#9aa5a1;margin-top:5px;font-size:9.5px;line-height:1.3;display:block}.contacts-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:17px;max-width:1220px;min-height:350px;margin:0 auto;overflow:hidden}.contacts-panel__header{justify-content:space-between;align-items:center;padding:22px 24px 20px;display:flex}.contacts-panel__header h2{color:var(--ink);letter-spacing:-.3px;font-size:17px}.contacts-panel__header p{color:#8a9692;margin-top:3px;font-size:11px}.search{color:#98a39f;background:#f7f8f5;border:1px solid #e5e9e2;border-radius:9px;align-items:center;width:min(260px,42vw);height:39px;padding:0 11px;display:flex}.search:focus-within{border-color:#78a99b;box-shadow:0 0 0 3px #46877517}.search input{color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0 9px;font-size:12px}.search input::placeholder{color:#9da8a4}.search button{color:#9aa6a2;background:0 0;border:0;padding:2px;display:flex}.search button svg{width:15px;height:15px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{color:#899590;letter-spacing:.6px;text-align:left;text-transform:uppercase;background:#fafbf8;border-top:1px solid #edf0eb;border-bottom:1px solid #edf0eb;padding:10px 20px;font-size:9.5px;font-weight:700}th:first-child,td:first-child{padding-left:24px}th:last-child,td:last-child{text-align:right;padding-right:24px}td{border-bottom:1px solid #eff1ed;padding:16px 20px}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .13s}tbody tr:hover{background:#fcfdfb}.contact-cell{align-items:center;gap:12px;min-width:220px;display:flex}.avatar{color:#3a7565;letter-spacing:.2px;background:#dfebe6;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:10px;font-weight:700;display:flex}.contact-cell div,.company-cell{flex-direction:column;min-width:0;display:flex}.contact-cell strong,.company-cell strong{color:#273834;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:12px;font-weight:600;overflow:hidden}.contact-cell a,.company-cell span{color:#8b9793;text-overflow:ellipsis;white-space:nowrap;max-width:220px;margin-top:3px;font-size:10px;text-decoration:none;overflow:hidden}.contact-cell a:hover{color:var(--green-700);text-decoration:underline}.status{text-transform:capitalize;border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:9.5px;font-weight:600;display:inline-flex}.status__dot{background:currentColor;border-radius:50%;width:5px;height:5px}.status--new{color:#9b6c22;background:#f7ecd7}.status--contacted{color:#557b9b;background:#e7eef6}.status--qualified{color:#3f806b;background:#e5f1eb}.status--won{color:#765c8e;background:#eae6f2}.status--lost{color:#94635d;background:#f2e7e5}.date{color:#7d8b86;white-space:nowrap;font-size:11px}.icon-button{color:#91a09b;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.icon-button:hover{color:#465a54;background:#f2f4f0}.contact-actions{align-items:center;gap:2px;display:inline-flex}.icon-button--danger:hover{color:#a14444;background:#f8ecea}.empty-state{text-align:center;flex-direction:column;align-items:center;min-height:280px;padding:55px 24px;display:flex}.empty-state__icon{color:var(--green-500);background:#e8f1ed;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:15px;display:flex}.empty-state h3{color:var(--ink);font-size:16px}.empty-state p{color:var(--muted);max-width:360px;margin:6px auto 18px;font-size:12px;line-height:1.6}.error-banner,.inline-alert{color:#934b40;background:#fcf0ed;border:1px solid #f0d7d1;border-radius:10px;justify-content:space-between;align-items:center;margin:0 24px 20px;padding:11px 13px;font-size:12px;display:flex}.error-banner div{flex-direction:column;gap:2px;display:flex}.error-banner .button{flex:none;min-height:34px}.inline-alert{margin:0 0 18px;display:block}.loading-list{border-top:1px solid #edf0eb}.skeleton-row{border-bottom:1px solid #edf0eb;grid-template-columns:2fr 1.5fr .8fr .6fr;align-items:center;gap:50px;padding:22px 24px;display:grid}.skeleton-row span{background:#edf0ec;border-radius:5px;height:13px;animation:1.2s ease-in-out infinite pulse}.skeleton-row span:nth-child(3),.skeleton-row span:nth-child(4){width:70%}@keyframes pulse{50%{opacity:.45}}.modal-backdrop{z-index:20;background:#0c1f1b85;justify-content:center;align-items:center;padding:24px;animation:.14s ease-out fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:18px;width:100%;max-width:600px;padding:25px;animation:.18s ease-out slide-up;box-shadow:0 28px 90px #0a221c45}.modal--small{text-align:center;max-width:430px;padding:31px}.modal__header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.modal__header .eyebrow{margin-bottom:5px}.modal h2{color:var(--ink);letter-spacing:-.6px;font-size:21px}.modal--small>p{color:var(--muted);max-width:320px;margin:8px auto 22px;font-size:13px;line-height:1.6}.modal--small>p strong{color:#4d5c58}.danger-icon{color:#ae4e48;background:#f8e9e6;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin:0 auto 14px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:17px 14px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field:last-child{grid-column:1/-1}.field__label{color:#52635e;font-size:11px;font-weight:600}.field__label span{color:#a7524b}.field input,.field select,.field textarea{color:var(--ink);background:#fbfcfa;border:1px solid #dde3dc;border-radius:9px;outline:0;width:100%;min-height:42px;padding:10px 11px;font-size:12px;transition:border .12s,box-shadow .12s}.field textarea{resize:vertical;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6b9f90;box-shadow:0 0 0 3px #3d84701a}.field--error input,.field--error select,.field--error textarea{border-color:#cf7168}.field__error{color:#ad5149;font-size:10px}.modal__footer{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}.modal__footer--center{justify-content:center}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin}.spinner--small{width:15px;height:15px}.toast{background:var(--green-950);color:#eff9f5;z-index:30;border:1px solid #ffffff14;border-radius:11px;align-items:center;gap:9px;max-width:calc(100vw - 32px);padding:12px 16px;font-size:12px;animation:.22s ease-out toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 13px 40px #102f2a40}.toast span{background:#49967e;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)scale(.99)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}@media (width<=1060px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:110px}}@media (width<=760px){.sidebar{flex-direction:row;justify-content:space-between;align-items:center;width:auto;height:68px;padding:0 20px;bottom:auto;right:0}.brand{margin:0}.brand small,.sidebar__tip,.sidebar__footer,.sidebar nav{display:none}main{margin-left:0;padding:98px 18px 42px}.topbar{align-items:flex-start}.topbar>div>p:last-child{max-width:240px}.button--add{border-radius:50%;gap:0;width:44px;min-width:44px;height:44px;padding:0;font-size:0}.button--add svg{width:20px;height:20px}.contacts-panel__header{flex-direction:column;align-items:stretch;gap:14px}.search{width:100%}}@media (width<=560px){.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{flex-direction:column;gap:9px;padding:15px}.stat-card__icon{width:32px;height:32px}.stat-card__icon svg{width:17px;height:17px}.stat-card small{display:none}.form-grid{grid-template-columns:1fr}.field:last-child{grid-column:auto}.modal{padding:21px}.modal__footer .button{flex:1;padding:0 10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}