:root{font-family:'DM Sans',system-ui,sans-serif;color:#e9f0ed;background:#091520;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}h1,h2,h3,p{margin-top:0}.eyebrow{font-size:.68rem;letter-spacing:.23em;font-weight:700;color:#8ed7c5}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border:1px solid #91d6c4;border-radius:12px;color:#eff8f4;font-family:Georgia,serif;font-size:1.65rem;position:relative}.brand-mark span{font-size:.55rem;color:#d5bb85;position:absolute;right:4px;top:4px}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 65% 24%,#183b43,#091520 60%);padding:24px}.login-shell[hidden],#app[hidden]{display:none}.login-card{width:min(440px,100%);padding:48px;background:#102432;border:1px solid #274355;border-radius:24px;box-shadow:0 30px 90px #0007}.login-card h1,.hero h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(2.6rem,5vw,4.4rem);line-height:1.07;letter-spacing:-.04em}.login-card h1 em,.hero h1 em{color:#a5d9c9}.login-card>p:not(.eyebrow),.hero p:last-child{color:#9eb3bb;line-height:1.65}.login-card form{display:grid;gap:12px;margin-top:32px}.login-card label{font-size:.85rem;color:#cbd9dc}.login-card input,.filters input,.filters select,.detail-edit input,.detail-edit select,.detail-edit textarea{background:#0c1b28;border:1px solid #2a4756;border-radius:10px;color:#f6faf9;padding:12px 14px;outline:none}.login-card input:focus,.filters input:focus,.detail-edit input:focus,.detail-edit textarea:focus{border-color:#8ed7c5}.primary{border:0;border-radius:10px;background:#a8dccb;color:#0b2530;font-weight:700;padding:13px 16px;display:flex;justify-content:space-between}.login-card small{color:#f4b5aa;min-height:1em}#app{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:224px;min-width:224px;height:100vh;background:#0d1c29;border-right:1px solid #28404d;padding:26px 16px;display:flex;flex-direction:column}.side-brand{display:flex;gap:12px;align-items:center;padding:0 10px}.side-brand strong{display:block;letter-spacing:.18em;font-size:.95rem}.side-brand small{font-size:.55rem;letter-spacing:.24em;color:#99b6ba}.side-caption{font-size:.62rem;color:#718c98;letter-spacing:.2em;margin:55px 16px 15px}.sidebar nav{display:grid;gap:6px}.nav{display:flex;gap:15px;align-items:center;width:100%;border:0;background:transparent;color:#9aadb6;text-align:left;padding:13px 16px;border-radius:10px;font-size:1.15rem}.nav span{font-size:.88rem}.nav:hover,.nav.active{background:#17323d;color:#b5ead7}.side-bottom{margin-top:auto;padding:16px 6px;border-top:1px solid #24404b;color:#8fa7ad;font-size:.72rem;display:flex;align-items:center;gap:8px}.side-bottom button{margin-left:auto;background:none;color:#b9ccce;border:0;font-size:1.3rem}.live-dot{width:7px;height:7px;border-radius:50%;background:#91d9ba;box-shadow:0 0 10px #91d9ba}main{flex:1;min-width:0}.topbar{height:74px;border-bottom:1px solid #263f4d;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(22px,4vw,54px)}.crumb{font-size:.66rem;letter-spacing:.17em;font-weight:700;color:#b5cacd}.crumb span{color:#5b7884;padding:0 10px}.top-actions{display:flex;gap:18px;align-items:center;color:#91aab2;font-size:.75rem}.top-actions button{font-size:1.3rem;border:1px solid #31505b;border-radius:8px;color:#c2d8d8;background:#142b37;width:34px;height:34px}.content{padding:34px clamp(22px,4vw,54px) 80px;max-width:1530px;margin:auto}.hero{min-height:300px;background:linear-gradient(115deg,#133541,#0d2835 65%,#0c2431);border:1px solid #2c5360;border-radius:23px;padding:clamp(30px,4vw,56px);display:flex;justify-content:space-between;overflow:hidden;position:relative}.hero h1{margin:.4em 0 .28em}.hero p:last-child{max-width:420px;margin:0}.hero-art{width:30%;min-width:240px;position:relative}.orbit{position:absolute;border:1px solid #558d8d;border-radius:50%;transform:rotate(-28deg)}.orbit-one{width:270px;height:270px;right:15px;top:-16px}.orbit-two{width:380px;height:180px;right:-45px;top:40px}.hero-core{position:absolute;right:90px;top:42px;width:160px;height:160px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#a8e4d0,#2e766e 68%,#174746);font:600 6rem Georgia,serif;color:#0e3c40;box-shadow:0 0 70px #68c5b533}.hero-spark{position:absolute;color:#dfc58f}.s1{right:30px;top:22px}.s2{right:265px;top:190px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin:20px 0 38px}.stat{background:#102633;border:1px solid #294352;border-radius:15px;padding:22px}.stat span{display:block;color:#95abb2;font-size:.72rem}.stat strong{display:block;font-family:'Playfair Display',Georgia,serif;font-size:2.15rem;margin-top:13px;font-weight:500}.stat small{color:#80c8b5;font-size:.66rem}.command-row{display:flex;gap:24px;align-items:stretch;justify-content:space-between;margin-bottom:48px}.section-intro h2,.section-head h2{font:500 2rem 'Playfair Display',Georgia,serif;margin:7px 0}.section-intro p:last-child{font-size:.83rem;color:#8da7b0}.stop-card{min-width:310px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#17303b;border:1px solid #345562;border-radius:15px;padding:18px 20px}.stop-icon{color:#dbb67f;font-size:.8rem;margin-right:8px}.stop-card strong{font-size:.85rem}.stop-card p{font-size:.68rem;color:#91abb1;margin:7px 0 0}.stop-button{white-space:nowrap;border:1px solid #a4d9c7;background:#294b4c;border-radius:8px;color:#c7f0e3;padding:10px;font-size:.72rem;font-weight:700}.stop-button.is-running{border-color:#d59c87;color:#ffd5c4;background:#58372f}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.text-link{background:none;border:0;color:#9ddbc9;font-size:.78rem}.lead-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.lead-card,.lead-row,.task-card{background:#102633;border:1px solid #294352;border-radius:15px;padding:22px;transition:transform .2s,border-color .2s}.lead-card:hover,.lead-row:hover{border-color:#69a99f;transform:translateY(-2px)}.lead-card h3,.lead-row h3{font-size:1rem;margin:16px 0 7px}.lead-card p,.lead-row p{font-size:.76rem;color:#8da7b0;margin:0}.lead-card .card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:25px;font-size:.7rem;color:#91c9ba}.lead-card button,.lead-row button{background:none;border:0;color:#addfce;font-size:.8rem}.badge{display:inline-block;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;padding:6px 9px;border-radius:7px;background:#244341;color:#b4e8d6}.badge.sent{background:#3e3c31;color:#e5d29c}.badge.pending_review{background:#49382d;color:#f4c6a7}.badge.won{background:#215b4c}.badge.lost{background:#433844}.lead-list,.task-list{display:grid;gap:10px}.lead-row{display:grid;grid-template-columns:minmax(180px,2fr) minmax(115px,1fr) 100px 120px 80px;gap:14px;align-items:center;padding:17px 20px}.lead-row h3{margin:0 0 5px}.lead-row .url{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.7rem;color:#8fb1b4}.lead-row small{color:#94acb4}.filters{display:flex;gap:10px}.filters input{width:210px}.filters select{min-width:150px}.task-card{display:flex;justify-content:space-between;gap:20px}.task-card strong{display:block;font-size:.9rem}.task-card small{color:#9db0b5}.empty{border:1px dashed #45606b;border-radius:15px;padding:30px;color:#9ab1b7;text-align:center}dialog{width:min(860px,calc(100vw - 24px));max-height:92vh;background:#102633;color:#ecf5f0;border:1px solid #467079;border-radius:18px;padding:0;box-shadow:0 25px 120px #000b}dialog::backdrop{background:#020d15bc}.detail-head{display:flex;justify-content:space-between;gap:20px;padding:27px 30px 17px;border-bottom:1px solid #294a55}.detail-head h2{font:500 2rem 'Playfair Display',Georgia,serif;margin:5px 0}.detail-head p:last-child{color:#9bb1b7;font-size:.78rem;margin:0}.detail-head button{background:none;border:0;color:#bed7d3;font-size:2rem;align-self:start}.detail-body{padding:24px 30px 30px;display:grid;gap:22px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.detail-field{background:#19333f;border-radius:10px;padding:13px}.detail-field small{display:block;color:#83a3ad;font-size:.65rem;margin-bottom:6px}.detail-field strong,.detail-field a{font-size:.8rem;word-break:break-word}.detail-panel{border:1px solid #2f505b;border-radius:10px;padding:18px}.detail-panel h3{font-size:.88rem;margin:0 0 12px}.detail-panel pre{white-space:pre-wrap;word-break:break-word;font: .75rem/1.6 'DM Sans',sans-serif;color:#b7ced0;margin:0}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.detail-actions button{border:1px solid #5c8f88;background:#1e4547;color:#cdf1e4;border-radius:8px;padding:10px 12px;font-size:.75rem}.detail-actions .danger{border-color:#9d6663;background:#513637;color:#f7d0c6}.detail-edit{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.detail-edit label{font-size:.68rem;color:#9bb8bb}.detail-edit label>*{width:100%;margin-top:5px}.detail-edit textarea{min-height:90px;resize:vertical}.detail-edit .wide{grid-column:1/-1}.toast{position:fixed;right:20px;bottom:20px;padding:12px 18px;background:#224b48;color:#e7fff4;border:1px solid #72afa2;border-radius:8px;z-index:20;font-size:.8rem}@media(max-width:1050px){.stats{grid-template-columns:repeat(3,1fr)}.lead-grid{grid-template-columns:repeat(2,1fr)}.lead-row{grid-template-columns:2fr 1fr 100px 60px}.lead-row .url{display:none}}@media(max-width:720px){.sidebar{width:64px;min-width:64px;padding:20px 8px}.side-brand{padding:0}.side-brand>div:last-child,.side-caption,.nav span,.side-bottom{display:none}.nav{justify-content:center;padding:12px}.topbar{height:60px}.hero{min-height:260px}.hero-art{display:none}.stats{grid-template-columns:repeat(2,1fr)}.command-row{display:block}.stop-card{min-width:0;margin-top:16px}.lead-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.lead-row{grid-template-columns:1fr 80px 55px}.lead-row small{display:none}.filters{width:100%}.filters input{width:100%;min-width:0}.filters select{min-width:0;width:130px}.detail-grid{grid-template-columns:repeat(2,1fr)}}
.demo-preview{display:block;width:100%;height:300px;margin-top:14px;border:1px solid #3b6069;border-radius:8px;background:#e7f0ec}