:root{--navy:#102b5b;--navy2:#173d78;--blue:#1766b4;--cyan:#18aeca;--bg:#f5f8fc;--line:#e5ebf3;--muted:#718096;--text:#152238;--white:#fff;--green:#1c9b68;--orange:#d98919;--red:#d65353}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:268px;background:linear-gradient(180deg,#0f2b5b,#0a2148);color:#dce8fb;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:5}.brand{height:88px;padding:15px 27px;background:#fff;display:flex;align-items:center}.brand img{width:155px;object-fit:contain}.workspace{margin:18px 16px;padding:13px;display:flex;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#ffffff0f}.workspace-avatar,.avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;color:#fff;font-weight:700;flex:none}.workspace strong,.user-card strong{display:block;font-size:12px}.workspace span,.user-card span{display:block;font-size:10px;color:#9eb4d4;margin-top:3px}.workspace svg{margin-left:auto}.nav{padding:0 12px;overflow:auto}.nav-label{font-size:10px;letter-spacing:1.2px;color:#7e99c1;margin:17px 12px 8px;font-weight:700}.nav-label.space{margin-top:28px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#b9cbe5;text-decoration:none;border-radius:10px;font-size:14px;margin:3px 0}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,#1f72c58c,#14a5ca33);color:#fff}.sidebar-bottom{margin-top:auto;padding:16px}.plan-card{padding:14px;border-radius:12px;background:linear-gradient(135deg,#1768b966,#1bb1cc2e);border:1px solid rgba(77,187,222,.22)}.plan-card span{font-size:9px;letter-spacing:1px;color:#69d5e6}.plan-card strong{display:block;font-size:14px;margin:5px 0}.plan-card small{display:block;color:#a9bdd8}.plan-card button{margin-top:12px;width:100%;padding:8px;background:#fff;border:0;border-radius:8px;color:var(--navy);font-size:11px;font-weight:700}.user-card{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.user-card .avatar{width:34px;height:34px;border-radius:50%}.main-area{margin-left:268px;width:calc(100% - 268px)}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:flex-end;align-items:center;padding:0 32px;position:sticky;top:0;z-index:4}.topbar-right{display:flex;gap:10px;align-items:center}.global-search,.search-box{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:#fff}.global-search{width:260px;height:40px}.global-search input,.search-box input{border:0;outline:0;width:100%;background:transparent}.icon-btn{border:0;background:#fff;color:#60708a;width:38px;height:38px;border-radius:9px;display:inline-grid;place-items:center;cursor:pointer}.icon-btn:hover{background:#eef4fa}.notification{position:relative}.notification i{width:7px;height:7px;background:#ed5d5d;border-radius:50%;position:absolute;top:7px;right:8px}.mobile-title{display:none}.page-content{padding:32px;max-width:1700px;margin:auto}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;gap:20px}.eyebrow{font-size:10px;color:#1888bc;letter-spacing:1.4px;font-weight:800}.page-header h1{font-size:27px;margin:5px 0 7px;color:#132a4f}.page-header p{margin:0;color:var(--muted);font-size:14px}.primary-btn,.outline-btn,.text-btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:650;border-radius:9px;padding:11px 15px}.primary-btn{background:linear-gradient(135deg,#1766b4,#16a6c4);color:#fff;box-shadow:0 7px 18px #1666b42e}.outline-btn{background:#fff;border:1px solid var(--line);color:#28405f}.text-btn{background:transparent;color:#1871b8;padding:5px}.button-group{display:flex;gap:10px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px}.stat-card,.card,.mini-stats>div,.lead-summary>div,.campaign-types>div{background:#fff;border:1px solid var(--line);border-radius:14px}.stat-card{padding:19px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}.stat-icon{width:38px;height:38px;border-radius:10px;background:#eef7fc;color:#1776b7;display:grid;place-items:center}.stat-card>strong{font-size:27px;display:block;margin:18px 0 9px}.trend{font-size:12px}.trend span,.trend.up{color:var(--green);font-weight:700;display:inline-flex;align-items:center}.trend.down{color:var(--orange)}.trend small{color:var(--muted);margin-left:6px;font-weight:400}.dashboard-grid,.analytics-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:20px;margin-bottom:20px}.bottom-grid{grid-template-columns:1.55fr 1fr}.card{padding:20px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.card h3{margin:0;font-size:15px}.select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;color:#52657f;font-size:12px}.legend{display:flex;gap:20px;color:#687991;font-size:12px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.meta-dot{background:#196ac0}.google-dot{background:#20a9c4}.chart{height:240px;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;gap:13px;padding:15px 8px 0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 48px,#edf1f6 49px)}.bar-wrap{height:100%;flex:1;display:flex;align-items:flex-end}.bar{width:100%;background:linear-gradient(to top,#153f82,#18a7c6);border-radius:5px 5px 0 0;min-height:10px}.chart-labels{display:flex;justify-content:space-between;color:#8795a9;font-size:10px;margin-top:9px}.platform-card{display:flex;flex-direction:column}.donut{width:185px;height:185px;border-radius:50%;margin:8px auto 20px;background:conic-gradient(#173e83 0,#173e83 60%,#1aa7c5 60%,#1aa7c5);display:grid;place-items:center}.donut>div{width:130px;height:130px;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center}.donut strong{font-size:20px}.donut span{font-size:10px;color:var(--muted)}.platform-list>div{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.platform-list span{display:flex;align-items:center;gap:7px}.platform-icon{width:23px;height:23px;border-radius:7px;color:#fff;font-style:normal;display:grid;place-items:center;font-size:11px;font-weight:700}.meta-bg{background:linear-gradient(135deg,#163b85,#21b2c7)}.google-bg{background:linear-gradient(135deg,#1d78bf,#16b6bd)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th{text-align:left;color:#8794a7;font-size:10px;letter-spacing:.5px;text-transform:uppercase;padding:10px 8px;border-bottom:1px solid var(--line)}td{padding:13px 8px;border-bottom:1px solid #edf1f5;font-size:12px;color:#526176;white-space:nowrap}td strong{display:block;color:#263b59;font-size:12px}td small,.lead-row span,.asset-info span,.report-card span,.member small{display:block;color:#8a98aa;font-size:10px;margin-top:4px}.platform-pill,.status{font-size:10px;font-weight:700;padding:5px 8px;border-radius:20px}.platform-pill.meta{background:#e9f2fd;color:#2268b8}.platform-pill.google{background:#e9f8f8;color:#16868e}.status{display:inline-block}.status.active,.status.connected{background:#e7f7ef;color:#198b5c}.status.paused{background:#fff3dd;color:#b67812}.status.draft,.status.invited{background:#edf1f6;color:#718096}.status.new{background:#e8f1fc;color:#2767af}.status.contacted,.status.follow-up{background:#fff3dc;color:#b47611}.status.interested{background:#eeeafe;color:#6755b8}.lead-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.lead-row .avatar{width:34px;height:34px;border-radius:50%;font-size:11px}.lead-row strong{font-size:12px;display:block}.lead-row .status{margin-left:auto}.toolbar{display:flex;gap:10px;margin-bottom:18px}.search-box{width:310px;height:42px}.tabs{display:flex;gap:5px;margin-bottom:18px}.tabs button{border:0;background:transparent;padding:9px 12px;color:#718096;cursor:pointer;border-radius:8px;font-size:12px}.tabs button.active{background:#eaf4fb;color:#176aa9;font-weight:700}.tabs b{background:#e5ebf2;padding:2px 5px;border-radius:10px;margin-left:3px;font-size:9px}.campaign-name,.member{display:flex;align-items:center;gap:9px}.campaign-icon{width:31px;height:31px;border-radius:8px;background:#eef5fb;color:#196bb0;display:grid;place-items:center;font-weight:800}.connection-banner{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);padding:17px 20px;border-radius:14px;margin-bottom:18px}.platform-big{width:46px;height:46px;border-radius:12px;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800}.connection-banner strong{font-size:14px}.connection-banner p{font-size:12px;color:var(--muted);margin:4px 0 0}.connection-banner .status{margin-left:auto}.mini-stats,.lead-summary,.campaign-types{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.mini-stats>div,.lead-summary>div,.campaign-types>div{padding:16px}.mini-stats span,.lead-summary span,.campaign-types span{font-size:11px;color:var(--muted);display:block}.mini-stats strong,.lead-summary strong{display:block;font-size:21px;margin-top:7px}.campaign-types b{font-size:14px}.creative-layout{display:grid;grid-template-columns:210px 1fr;gap:20px}.folder-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;height:max-content}.folder{width:100%;display:flex;gap:9px;align-items:center;border:0;background:#fff;color:#5f7088;padding:11px;border-radius:8px;text-align:left}.folder.active{background:#eef7fc;color:#176bad}.folder b{margin-left:auto;font-size:10px}.new-folder{margin-top:10px;width:100%;padding:10px;border:1px dashed #a8c7dd;background:#fff;color:#1873af;border-radius:8px}.asset-toolbar{display:flex;justify-content:space-between}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.asset-card,.upload-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.asset-preview{height:150px;background:linear-gradient(135deg,#173c7d,#20afc4);display:grid;place-items:center;color:#fff;position:relative}.asset-preview.p1{background:linear-gradient(135deg,#1765b0,#7ac7dc)}.asset-preview.p2{background:linear-gradient(135deg,#102b5b,#1766b4)}.asset-preview.p3{background:linear-gradient(135deg,#1a769f,#2fb4c5)}.asset-preview.p4{background:linear-gradient(135deg,#15366c,#2b8cc3)}.asset-preview button{position:absolute;right:8px;top:8px;border:0;background:#ffffffe6;border-radius:6px;padding:5px;color:#27405e}.asset-info{padding:12px}.asset-info strong{font-size:12px}.upload-card{min-height:215px;border-style:dashed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#1880b4}.upload-card span{font-size:10px;color:var(--muted)}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.kanban-col{background:#eef3f8;border-radius:13px;padding:10px;min-height:420px}.kanban-head{display:flex;justify-content:space-between;padding:8px}.kanban-head strong{font-size:12px}.kanban-head span{background:#dbe4ef;border-radius:10px;padding:2px 7px;font-size:10px}.lead-card{background:#fff;border:1px solid var(--line);padding:13px;border-radius:10px;margin-bottom:10px;box-shadow:0 2px 7px #142c4e08}.lead-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.lead-card .avatar{width:32px;height:32px;border-radius:50%;font-size:10px}.lead-card>strong{font-size:12px;display:block}.lead-card>small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.lead-actions{display:flex;gap:10px;color:#1770ae;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.line-chart{height:230px;color:#1976b5;background:repeating-linear-gradient(to bottom,transparent 0,transparent 54px,#edf1f5 55px);padding:15px 0}.line-chart svg{width:100%;height:100%}.compare-row{display:grid;grid-template-columns:95px 1fr 70px;gap:10px;align-items:center;margin:25px 0;font-size:12px}.compare-row>div{height:10px;background:#e9eef4;border-radius:8px}.compare-row i{height:100%;display:block;border-radius:8px;background:linear-gradient(90deg,#173e82,#1ba8c4)}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.report-card{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.report-icon,.setting-icon{width:46px;height:46px;border-radius:12px;background:#edf6fb;color:#1775b3;display:grid;place-items:center}.report-card strong{font-size:13px}.report-card small{display:flex;gap:5px;align-items:center;color:#8795a9;font-size:10px}.full{width:100%;margin-top:8px}.role{display:flex;align-items:center;gap:6px;color:#51637b;font-size:12px}.settings-list{display:grid;gap:13px}.setting-item{display:flex;align-items:center;gap:15px;padding:16px 18px}.setting-item strong{font-size:13px}.setting-item p{margin:4px 0 0;font-size:11px;color:var(--muted)}.setting-item button{margin-left:auto}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.analytics-grid{grid-template-columns:1fr}.asset-grid,.report-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{width:72px}.brand{padding:8px}.brand img{width:55px}.workspace,.sidebar-bottom,.nav-label,.nav-item span{display:none}.nav{margin-top:25px}.nav-item{justify-content:center;padding:13px}.main-area{margin-left:72px;width:calc(100% - 72px)}.page-content{padding:22px}.kanban{grid-template-columns:repeat(2,1fr)}.creative-layout{grid-template-columns:1fr}.folder-panel{display:flex;gap:5px;overflow:auto}.folder{width:auto;white-space:nowrap}.new-folder{width:auto;white-space:nowrap;margin-top:0}}@media(max-width:650px){.main-area{margin-left:0;width:100%}.sidebar{display:none}.topbar{padding:0 15px}.global-search{display:none}.mobile-title{display:block;margin-right:auto;font-weight:800;color:var(--navy);font-size:14px}.page-content{padding:18px}.page-header{align-items:flex-start;flex-direction:column}.stats-grid,.mini-stats,.lead-summary,.campaign-types,.report-grid{grid-template-columns:1fr 1fr}.button-group,.toolbar{flex-wrap:wrap}.search-box{width:100%}.asset-grid,.kanban{grid-template-columns:1fr}.page-header h1{font-size:23px}}.toast{position:fixed;right:24px;bottom:24px;background:#102b5b;color:#fff;padding:13px 18px;border-radius:10px;box-shadow:0 12px 30px #0000002e;z-index:50;font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#09162c80;display:grid;place-items:center;padding:20px;z-index:40}.modal{width:min(560px,100%);background:#fff;border-radius:16px;box-shadow:0 25px 70px #00000040;padding:20px}.modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px}.modal-head h3{margin:0;color:#132a4f}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#4c607c}.form-grid input,.form-grid select{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px;background:#fff;outline:none}.form-grid input:focus,.form-grid select:focus{border-color:#1a8cc1;box-shadow:0 0 0 3px #18aeca1a}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding-top:6px}.file-note{grid-column:1/-1;background:#eef7fc;color:#176aa9;padding:10px;border-radius:8px;font-size:12px}.lead-actions a{color:#1770ae}.lead-actions button{margin-left:auto}.kanban-wide{grid-template-columns:repeat(5,1fr)}@media(max-width:1200px){.kanban-wide{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.form-grid,.kanban-wide{grid-template-columns:1fr}.modal{max-height:90vh;overflow:auto}}