:root{
  --ink:#17111f;--muted:#746a80;--brand:#241032;--brand2:#4c1e68;--gold:#d8a94d;--rose:#ef6f8f;--soft:#f8f3ec;--line:#ece3f0;
}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#fbf7f0 0%,#f4edf7 48%,#fff 100%);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:280px;overflow-y:auto;overflow-x:hidden;background:radial-gradient(circle at 20% 0%,#69338b 0%,#261039 45%,#12071c 100%);color:#fff;padding:26px;position:fixed;inset:0 auto 0 0;box-shadow:20px 0 60px rgba(36,16,50,.18)}.brand{font-size:27px;font-weight:900;line-height:.95;letter-spacing:-.5px}.brand span{font-size:13px;color:var(--gold);letter-spacing:1.6px;text-transform:uppercase}.sidebar nav{margin-top:34px;display:flex;flex-direction:column;gap:9px}.sidebar a{color:#f1e8f8;text-decoration:none;padding:12px 14px;border-radius:14px;font-weight:650;display:flex;align-items:center;gap:10px}.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.13);color:#fff}.main{margin-left:280px;flex:1;padding:28px}.topbar{background:rgba(255,255,255,.84);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:17px 22px;margin-bottom:24px;box-shadow:0 16px 40px rgba(34,18,49,.08);display:flex;justify-content:space-between;align-items:center}.topbar small{display:block;color:var(--muted)}h1,h2,h3,h4{font-weight:850;letter-spacing:-.5px}.page-title{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:18px}.page-title p{margin:0;color:var(--muted)}.cardx{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.85);border-radius:26px;box-shadow:0 16px 44px rgba(34,18,49,.08);padding:24px}.metric{font-size:34px;font-weight:900;letter-spacing:-1px}.metric-label{color:var(--muted);font-weight:700}.badge-soft{background:#f6ead5;color:#7c5211;border-radius:99px;padding:7px 11px;font-weight:700}.badge-grade{background:linear-gradient(135deg,#241032,#69338b);color:#fff;border-radius:999px;padding:7px 13px;font-weight:800}.btn-brand{background:linear-gradient(135deg,#241032,#4c1e68);color:#fff;border:0;border-radius:14px;padding:10px 16px;font-weight:750}.btn-brand:hover{filter:brightness(1.08);color:#fff}.btn-outline-brand{border:1px solid #4c1e68;color:#4c1e68;border-radius:14px;font-weight:750}.btn-outline-brand:hover{background:#4c1e68;color:#fff}.table{vertical-align:middle}.table thead th{color:#6b5e76;font-size:12px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line)}.table td{border-color:#f0e8f4}.link-strong{font-weight:850;color:#2e1242;text-decoration:none}.link-strong:hover{color:#8a3bb0}.stars{letter-spacing:2px;color:#d8a94d;font-size:18px;white-space:nowrap}.score-ring{width:128px;height:128px;border-radius:50%;background:conic-gradient(#d8a94d calc(var(--score)*1%),#efe4d0 0);display:grid;place-items:center;margin:auto}.score-ring>div{width:96px;height:96px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:31px;font-weight:900}.profile-hero{background:radial-gradient(circle at top left,#7d3ca2,#241032 55%,#100719);color:#fff;border-radius:30px;padding:28px;position:relative;overflow:hidden}.profile-hero:after{content:"";position:absolute;right:-60px;top:-70px;width:260px;height:260px;border-radius:50%;background:rgba(216,169,77,.18)}.profile-avatar{width:96px;height:96px;border-radius:26px;background:linear-gradient(135deg,#fff,#f6ead5);color:#241032;display:grid;place-items:center;font-size:38px;font-weight:900}.mini-stat{border:1px solid #f0e6f4;border-radius:20px;padding:16px;background:#fff}.mini-stat b{display:block;font-size:22px}.social-card{border:1px solid #eee3f3;border-radius:18px;padding:14px;background:#fff}.social-preview{border-radius:16px;background:#fbf8fc;border:1px dashed #dfcfe8;min-height:120px;padding:14px}.preview-thumb{width:100%;max-height:120px;object-fit:cover;border-radius:12px}.public-hero{min-height:84vh;background:radial-gradient(circle at 20% 20%,#6d348d,#13091f 60%);color:#fff;display:flex;align-items:center}.public-hero h1{font-size:58px;font-weight:950;letter-spacing:-1.8px}.section{padding:74px 0}.glass-panel{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:28px;padding:26px;backdrop-filter:blur(14px)}.form-control,.form-select{border-radius:14px;border-color:#e7ddec;padding:11px 13px}.form-control:focus,.form-select:focus{border-color:#7d3ca2;box-shadow:0 0 0 .22rem rgba(125,60,162,.14)}
@media(max-width:900px){.sidebar{position:relative;width:100%;height:auto}.app-shell{display:block}.main{margin-left:0;padding:18px}.public-hero h1{font-size:38px}.page-title{display:block}.table-responsive{font-size:14px}}

/* V1.2 premium interaction upgrades */
.link-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.link-row:last-child{border-bottom:0}.link-row span{font-weight:700}.link-row a{font-weight:800;text-decoration:none;color:#7c3aed;background:#f3efff;padding:7px 14px;border-radius:999px}
.social-pop{position:fixed;inset:0;background:rgba(10,8,18,.38);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:9999;padding:22px}.social-pop.active{display:flex}.social-pop-card{width:min(560px,94vw);background:#fff;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.28);overflow:hidden;position:relative}.social-pop-close{position:absolute;right:14px;top:12px;border:0;background:#fff;width:36px;height:36px;border-radius:50%;font-size:24px;box-shadow:0 8px 20px rgba(0,0,0,.12);z-index:2}.social-pop-body{min-height:240px}.pop-media{height:220px;background:linear-gradient(135deg,#21142f,#7c3aed);display:flex;align-items:center;justify-content:center}.pop-media img{width:100%;height:100%;object-fit:cover}.pop-empty{width:88px;height:88px;border-radius:28px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:32px}.pop-content{padding:24px}.pop-content small{color:#7c3aed;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.pop-content h4{font-weight:900;margin:8px 0}.pop-loader{padding:80px 24px;text-align:center;font-weight:800;color:#6b5b7a}.analytics-kpi{background:linear-gradient(135deg,#fff,#f6f1ff);border:1px solid #eee;border-radius:22px;padding:22px}.analytics-kpi span{display:block;color:#7b7286;font-size:13px}.analytics-kpi b{font-size:28px;color:#20152b}.media-kit-preview{background:#f7f4ef;border-radius:26px;padding:26px;border:1px solid #ebe2d7}.portfolio-shell{max-width:900px;margin:auto;background:#f8f5ef;color:#252231;font-family:Arial,Helvetica,sans-serif}.portfolio-page{min-height:1120px;padding:60px;position:relative;page-break-after:always;overflow:hidden}.portfolio-blob{position:absolute;right:-40px;top:-30px;width:240px;height:130px;border-radius:0 0 0 80px;background:#85aaa0}.portfolio-title{font-size:56px;line-height:1;font-weight:900;letter-spacing:-2px}.portfolio-subtitle{font-size:24px;color:#5d4a51}.portfolio-pill{background:#86aaa0;border-radius:22px;padding:16px 22px;font-weight:800;display:inline-block;margin:8px}.portfolio-card{background:#fff;border-radius:26px;padding:26px;box-shadow:0 12px 30px rgba(32,21,43,.08);margin:18px 0}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.portfolio-table{width:100%;border-collapse:collapse;background:#fff;border-radius:20px;overflow:hidden}.portfolio-table th{background:#5b444b;color:#fff;padding:16px}.portfolio-table td{border-bottom:1px solid #d7cec5;padding:14px;text-align:center}.metric-badge{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#5b444b;color:#fff;font-size:26px;font-weight:900;margin-right:12px}@media print{.sidebar,.topbar,.no-print,.btn{display:none!important}.main{margin:0!important;padding:0!important}.portfolio-shell{max-width:none}.portfolio-page{min-height:100vh}}
/* V1.3 Phase-1 expansion */
.integration-card{border:1px solid rgba(20,20,20,.06);background:linear-gradient(145deg,#ffffff,#f7f4ef)}
.dark-metric{background:linear-gradient(135deg,#1f1820,#6c524c);color:#fff;min-height:120px;display:flex;flex-direction:column;justify-content:center}
.dark-metric div{opacity:.75;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.dark-metric strong{font-size:1.7rem;margin-top:.35rem}
.link-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.link-row:last-child{border-bottom:0}
.table small{font-size:.78rem}.btn-outline-dark{border-radius:999px;padding:.65rem 1rem;font-weight:700}
.gap-item{padding:12px 14px;border-radius:16px;margin:10px 0;font-weight:800;background:#f6f1ff;color:#2d1742}.gap-item.done:before{content:'✓ ';color:#14804a}.gap-item.progress:before{content:'↻ ';color:#b7791f}.integration-note{border-left:4px solid #7c3aed;padding:14px 18px;background:#faf7ff;border-radius:12px}

/* V1.4 sidebar + cron analytics */
.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:999px}.sidebar nav{padding-bottom:28px}.cron-status{border-radius:18px;padding:14px 16px;background:#f8f1ff;border:1px solid #eadcff}.crawl-preview{border:1px solid #eee;border-radius:22px;padding:16px;background:#fff}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px;background:#16a34a}.proposal-block{border:1px solid #eee2f3;border-radius:22px;padding:18px;background:linear-gradient(135deg,#fff,#faf7ff)}

/* V1.5 Social Connect */
.connection-card{border:1px solid #eee2f3;border-radius:24px;padding:18px;background:linear-gradient(135deg,#fff,#faf7ff);box-shadow:0 12px 30px rgba(34,18,49,.05)}
.platform-chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#241032;color:#fff;padding:7px 12px;font-weight:850;font-size:13px}
.social-connect-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;background:radial-gradient(circle at left top,#fff,#f7efff 65%)}
.oauth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.secret-field{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;font-size:12px}
@media(max-width:760px){.social-connect-banner{display:block}.social-connect-banner .btn{margin-top:16px;width:100%}}