:root{--ink:#10172a;--muted:#667085;--line:#dce2ea;--paper:#f5f7fa;--white:#fff;--blue:#2457ff;--cyan:#16b8c9;--pink:#f04494;--green:#12a474;--shadow:0 18px 60px rgba(20,35,70,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);letter-spacing:0}*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,select,textarea{font:inherit}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-size:15px;font-weight:650}.brand b{color:var(--blue)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;color:white;font-size:12px;font-weight:800;background:linear-gradient(145deg,var(--blue),var(--cyan));box-shadow:5px 7px 16px rgba(36,87,255,.26),inset -2px -3px 8px rgba(0,0,0,.15)}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);background:white}.login-copy{position:relative;overflow:hidden;padding:48px clamp(48px,7vw,110px);color:white;background:radial-gradient(circle at 80% 20%,rgba(22,184,201,.4),transparent 30%),linear-gradient(135deg,#111a3e 0%,#223dcc 48%,#0a899c 100%)}.login-copy h1{max-width:660px;margin:14vh 0 24px;font-size:clamp(46px,6.3vw,92px);line-height:.98;letter-spacing:0;font-weight:720}.login-copy p{max-width:600px;font-size:19px;line-height:1.6;color:#dce7ff}.login-copy .brand b{color:#9ef4ff}.login-scene{position:absolute;right:-4%;bottom:-15%;width:43vw;max-width:620px;aspect-ratio:1;perspective:900px;transform:rotate(-8deg)}.scene-core{position:absolute;inset:27%;display:grid;place-items:center;border-radius:18%;font-size:clamp(24px,4vw,60px);font-weight:800;background:linear-gradient(145deg,rgba(255,255,255,.45),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.45);box-shadow:35px 45px 90px rgba(0,0,35,.45),inset 0 0 35px rgba(255,255,255,.22);transform:rotateX(55deg) rotateZ(35deg);backdrop-filter:blur(12px)}.login-scene span{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:22%;inset:18%;transform:rotate(30deg)}.login-scene span:nth-child(2){inset:9%;transform:rotate(55deg)}.login-scene span:nth-child(3){inset:0;transform:rotate(80deg)}.login-panel{align-self:center;justify-self:center;width:min(420px,80%);display:grid;gap:24px}.login-panel h2{font-size:40px;margin:4px 0 8px}.login-panel p{color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:11px!important;font-weight:800;letter-spacing:1.6px!important;color:var(--blue)!important;margin:0}.login-panel label,.editor-form label{display:grid;gap:8px;font-size:13px;font-weight:700}.login-panel input,.editor-form input,.editor-form textarea,.editor-form select,.social-compose textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:13px 14px;background:white;outline:none}.login-panel input:focus,.editor-form input:focus,.editor-form textarea:focus,.editor-form select:focus,.social-compose textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,87,255,.1)}.primary{border:0;border-radius:7px;padding:14px 18px;background:linear-gradient(110deg,var(--blue),#4936d8);color:white;font-weight:750;display:flex;justify-content:space-between;cursor:pointer;box-shadow:0 10px 24px rgba(36,87,255,.24)}.form-error{min-height:20px;color:#c9273b!important;margin:0}.app{min-height:100vh}.sidebar{position:fixed;z-index:5;inset:0 auto 0 0;width:232px;padding:24px 16px;display:flex;flex-direction:column;background:#10172a;color:white}.sidebar .brand{padding:0 8px 30px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{height:44px;border:0;border-radius:7px;background:transparent;color:#9fa9bd;display:grid;grid-template-columns:28px 1fr;align-items:center;text-align:left;padding:0 12px;cursor:pointer}.sidebar nav button:hover,.sidebar nav button.active{color:white;background:linear-gradient(90deg,rgba(36,87,255,.42),rgba(22,184,201,.12));box-shadow:inset 3px 0 var(--cyan)}.sidebar-foot{margin-top:auto;padding:16px 5px 0;border-top:1px solid #27304a;display:grid;grid-template-columns:36px 1fr 28px;align-items:center;gap:9px}.sidebar-foot small{display:block;color:#8d98ae;text-transform:capitalize}.sidebar-foot button{border:0;background:none;color:#98a3b7;cursor:pointer}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--pink),#7b45e8);font-size:11px;font-weight:800}.workspace{margin-left:232px;min-height:100vh}.workspace>header{height:88px;padding:0 34px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:4}.workspace header h1{margin:3px 0 0;font-size:25px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:13px}.header-actions a{color:var(--ink);font-weight:700;text-decoration:none}.live{color:var(--green);font-weight:700}.live i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:5px;box-shadow:0 0 0 4px rgba(18,164,116,.12)}.icon-button{border:1px solid var(--line);background:white;border-radius:7px;width:38px;height:38px;cursor:pointer}.workspace #menu{display:none}.view{padding:32px 34px 60px;max-width:1500px}.hero-panel{position:relative;overflow:hidden;min-height:230px;padding:34px;border-radius:8px;color:white;background:radial-gradient(circle at 85% 0,rgba(22,184,201,.58),transparent 30%),linear-gradient(120deg,#161b45,#263fde 56%,#056d7b);box-shadow:var(--shadow);display:grid;grid-template-columns:1.1fr .9fr;align-items:center}.hero-panel h2{font-size:38px;line-height:1.1;margin:6px 0 14px;max-width:610px}.hero-panel p{color:#dfe6ff;max-width:580px;line-height:1.6}.hero-graphic{height:180px;position:relative;perspective:700px}.hero-graphic div{position:absolute;border-radius:9px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);box-shadow:20px 22px 40px rgba(0,0,30,.3);backdrop-filter:blur(8px)}.hero-graphic div:nth-child(1){width:180px;height:110px;right:16%;top:20%;transform:rotateY(-24deg) rotateX(9deg)}.hero-graphic div:nth-child(2){width:120px;height:86px;right:2%;top:5%;transform:rotateY(-24deg) translateZ(40px)}.hero-graphic div:nth-child(3){width:90px;height:90px;right:38%;top:48%;transform:rotateY(-24deg) translateZ(75px);background:linear-gradient(145deg,rgba(240,68,148,.8),rgba(94,55,218,.6))}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.metric{background:white;border:1px solid var(--line);padding:19px;border-radius:7px;box-shadow:0 5px 20px rgba(20,35,70,.04)}.metric span{display:block;color:var(--muted);font-size:12px;font-weight:700}.metric strong{display:block;font-size:29px;margin-top:9px}.metric em{font-style:normal;font-size:11px;color:var(--green)}.split{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.panel{background:white;border:1px solid var(--line);border-radius:7px;padding:22px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel h3{margin:0;font-size:16px}.panel-head button,.table-toolbar button,.social-compose button{border:0;background:var(--ink);color:white;border-radius:6px;padding:9px 13px;font-weight:700;cursor:pointer}.activity{display:grid;gap:15px}.activity-row{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:center;font-size:13px}.activity-row i{width:8px;height:8px;border-radius:50%;background:var(--cyan)}.activity-row time{font-size:11px;color:var(--muted)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid button{min-height:80px;text-align:left;border:1px solid var(--line);border-radius:7px;background:linear-gradient(145deg,#fff,#f8faff);padding:13px;cursor:pointer;font-weight:700}.quick-grid button span{display:block;font-size:21px;color:var(--blue);margin-bottom:7px}.table-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px}.table-toolbar input{flex:1;max-width:380px;border:1px solid var(--line);border-radius:7px;padding:10px 12px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;padding:11px;border-bottom:1px solid var(--line)}.data-table td{padding:14px 11px;border-bottom:1px solid #edf0f4}.data-table tr:hover td{background:#fafbfe}.status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;background:#edf1ff;color:var(--blue)}.status.published,.status.active,.status.paid{background:#e4f8f1;color:#087a56}.row-actions{display:flex;gap:6px}.row-actions button{border:1px solid var(--line);background:white;border-radius:5px;padding:6px 8px;cursor:pointer}.empty{padding:55px 20px;text-align:center;color:var(--muted)}.chart{height:230px;display:flex;align-items:end;gap:8px;border-bottom:1px solid var(--line);padding-top:20px}.bar{flex:1;min-width:8px;background:linear-gradient(180deg,var(--cyan),var(--blue));border-radius:4px 4px 0 0;position:relative}.bar:hover:after{content:attr(data-value);position:absolute;top:-25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:3px 6px;border-radius:4px;font-size:10px}.social-compose{display:grid;gap:14px}.social-compose textarea{min-height:160px;resize:vertical}.channels{display:flex;gap:10px}.channels label{border:1px solid var(--line);border-radius:6px;padding:10px 13px;font-size:13px;font-weight:700}.notice{position:fixed;z-index:10;right:25px;top:100px;background:var(--ink);color:white;padding:13px 18px;border-radius:7px;box-shadow:var(--shadow)}dialog{border:0;border-radius:8px;padding:0;width:min(760px,calc(100vw - 30px));box-shadow:0 30px 100px rgba(10,20,50,.3)}dialog::backdrop{background:rgba(8,13,30,.62);backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:4px 0 0}.editor-form{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.editor-form .wide{grid-column:1/-1}.editor-form textarea{min-height:120px;resize:vertical}.editor-form .body{min-height:240px}.editor-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;padding-top:8px}.secondary{border:1px solid var(--line);background:white;border-radius:6px;padding:10px 15px;font-weight:700;cursor:pointer}.editor-actions .primary{display:block}.danger{color:#bd263a!important}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.role-card{border-top:3px solid var(--blue);background:white;padding:14px;border-radius:6px;box-shadow:0 4px 18px rgba(20,35,70,.06)}.role-card strong{display:block}.role-card small{color:var(--muted)}@media(max-width:950px){.login-shell{grid-template-columns:1fr}.login-copy{min-height:38vh;padding:30px}.login-copy h1{margin:8vh 0 14px;font-size:42px}.login-scene{display:none}.login-panel{padding:50px 0}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.workspace{margin-left:0}.workspace #menu{display:block}.metric-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.hero-panel{grid-template-columns:1fr}.hero-graphic{display:none}}@media(max-width:620px){.workspace>header{padding:0 16px}.view{padding:20px 14px 45px}.header-actions .live{display:none}.hero-panel{padding:23px;min-height:210px}.hero-panel h2{font-size:29px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:14px}.metric strong{font-size:23px}.panel{padding:15px;overflow:auto}.role-grid{grid-template-columns:1fr 1fr}.editor-form{grid-template-columns:1fr}.editor-form .wide{grid-column:auto}.data-table{min-width:620px}}