:root{--navy:#06183e;--blue:#1f5eff;--blue2:#0d47d9;--sky:#eef4ff;--line:#dbe7fa;--muted:#68758c;--white:#fff;--green:#138a55;--red:#c9303e;--shadow:0 18px 48px rgba(6,24,62,.10)}
*{box-sizing:border-box}html{background:var(--sky)}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--navy);background:var(--sky);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app{min-height:100vh}.login-shell{max-width:460px;margin:7vh auto;padding:22px}.brand{display:flex;align-items:center;gap:11px;font:800 23px Georgia,serif;margin:0 0 28px}.brand i{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--blue);color:#fff;font-style:normal}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.login-card{padding:30px}.login-card h1{margin:0 0 8px;font:800 32px Georgia,serif}.login-card p{color:var(--muted);line-height:1.55}.field{display:grid;gap:7px;margin:15px 0}.field label{font-size:12px;font-weight:800}.field input{width:100%;padding:13px;border:1px solid #c8d5e9;border-radius:9px}.primary,.secondary,.text-btn{border:0;border-radius:9px;padding:12px 16px;font-weight:800}.primary{background:var(--blue);color:#fff}.primary:hover{background:var(--blue2)}.secondary{border:1px solid #bed0eb;background:#fff;color:var(--navy)}.text-btn{padding:10px 0;background:transparent;color:var(--blue)}.login-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.message{font-size:13px;margin-top:12px}.message.error{color:var(--red)}.message.success{color:var(--green)}
.workspace{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:var(--navy);color:#fff}.sidebar .brand{color:#fff}.side-nav{display:grid;gap:5px}.side-nav button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 13px;border:0;border-radius:9px;background:transparent;color:#b9c8e6;text-align:left;font-weight:750}.side-nav button:hover,.side-nav button.active{background:var(--blue);color:#fff}.side-foot{position:absolute;left:18px;right:18px;bottom:20px}.side-foot button{width:100%}.main{padding:30px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.topbar h1{margin:0;font:800 clamp(27px,4vw,38px) Georgia,serif}.topbar p{margin:5px 0;color:var(--muted)}.period{display:flex;gap:8px;align-items:center}.period select{padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff}.install{display:none}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{padding:20px}.metric small{display:block;color:var(--muted);font-weight:750}.metric strong{display:block;margin:9px 0 3px;font-size:27px}.metric em{font-style:normal;font-size:12px}.up{color:var(--green)}.down{color:var(--red)}.grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:16px}.section{padding:23px}.section h2{margin:0 0 16px;font:800 22px Georgia,serif}.section-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.link-box{padding:16px;border-radius:12px;background:var(--navy);color:#fff}.link-box strong{font-size:20px}.copy-row{display:flex;gap:8px;margin-top:10px}.copy-row input{min-width:0;flex:1;padding:10px;border:0;border-radius:7px}.socials{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.socials button{padding:8px 10px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:12px 10px;border-bottom:1px solid #e6edf8;text-align:left;white-space:nowrap}.table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.badge{display:inline-block;padding:5px 8px;border-radius:99px;background:#e8f0ff;color:var(--blue2);font-size:11px;font-weight:800}.bar-row{display:grid;grid-template-columns:95px 1fr 50px;gap:10px;align-items:center;margin:12px 0;font-size:13px}.bar{height:10px;border-radius:99px;background:#e4ebf6;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#72a1ff)}.tree{overflow:auto;padding:10px}.tree-node{margin:8px 0;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff}.tree-node[data-depth="1"]{margin-left:20px}.tree-node[data-depth="2"]{margin-left:40px}.tree-node[data-depth="3"]{margin-left:60px}.tree-node[data-depth="4"]{margin-left:80px}.creative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.creative{overflow:hidden}.creative img,.creative video{display:block;width:100%;height:145px;object-fit:cover;background:#e8effb}.creative-body{padding:14px}.creative h3{margin:0 0 6px;font-size:15px}.creative p{margin:0 0 10px;color:var(--muted);font-size:12px}.bonus{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #e5edf8}.progress{height:9px;margin-top:8px;border-radius:99px;background:#e3ebf7;overflow:hidden}.progress i{display:block;height:100%;background:var(--green)}.empty{padding:25px;text-align:center;color:var(--muted)}
@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.creative-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.workspace{grid-template-columns:1fr}.sidebar{position:sticky;z-index:5;height:auto;padding:10px 12px}.sidebar .brand{margin:0}.side-nav{display:flex;overflow:auto;margin-top:9px}.side-nav button{width:auto;white-space:nowrap}.side-foot{position:absolute;right:12px;left:auto;top:10px;bottom:auto}.side-foot button{padding:8px 10px}.main{padding:18px 12px}.topbar{display:grid}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:15px}.metric strong{font-size:21px}.creative-grid{grid-template-columns:1fr}.install{display:inline-block}.copy-row{flex-wrap:wrap}.copy-row input{flex-basis:100%}.section{padding:17px}.tree-node[data-depth]{margin-left:0}}