*{box-sizing:border-box}body{margin:0;background:#f4f7fc;color:#142044;font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#101b42;color:#fff;padding:28px 18px;display:flex;flex-direction:column}.brand{font-size:22px;font-weight:800;letter-spacing:-.6px;padding:3px 12px 26px}.brand small{display:block;font-size:11px;color:#a7b4dc;font-weight:400;letter-spacing:0}nav{display:grid;gap:5px}nav a{color:#b8c8e8;text-decoration:none;padding:12px 14px;border-radius:11px;font-weight:600}nav a:hover,nav a.active{background:#283a70;color:#fff}.sidebar-footer{margin-top:auto;font-size:12px;color:#ced6f1;overflow-wrap:anywhere}.sidebar-footer form{margin-top:12px}.content{margin-left:246px;padding:36px;max-width:1600px}.auth{max-width:580px;margin:9vh auto;padding:20px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{color:#5077cc;letter-spacing:1.6px;font-size:11px;font-weight:800}h1{font-size:34px;letter-spacing:-1.2px;margin:2px 0}h2{font-size:19px;letter-spacing:-.35px;margin:0 0 12px}.chip{background:#e8efff;color:#2455b4;display:inline-block;font-size:12px;border-radius:100px;padding:5px 12px;font-weight:700}.panel,.metric{background:white;border:1px solid #e1e8f2;border-radius:18px;padding:25px;box-shadow:0 9px 35px #1222500b;margin-bottom:18px}.panel p{color:#657087}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric{display:flex;flex-direction:column;gap:13px}.metric span{color:#64718e}.metric b{font-size:35px;letter-spacing:-1.5px;color:#1b4fa4}.form{display:grid;gap:15px;max-width:700px}.gridform{grid-template-columns:1fr 1fr}.gridform button{align-self:end}label{display:grid;gap:6px;font-weight:650;font-size:13px;color:#334366}input,textarea,select{font:inherit;padding:11px 13px;width:100%;background:#fafbfe;border:1px solid #cbd6e8;border-radius:9px;color:#111e3a}input:focus,textarea:focus,select:focus{outline:2px solid #8db5ff}button{background:#1462d7;border:1px solid #1462d7;border-radius:10px;color:white;font:inherit;font-weight:700;padding:11px 18px;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button.outline{color:#2459b6;background:transparent;border-color:#b1c6f2}.sidebar button.outline{color:white}button:hover{filter:brightness(.95)}.alert{padding:14px 18px;border-radius:11px;margin-bottom:18px}.error{background:#ffe9e8;color:#a2222a}.success{background:#ddf8ec;color:#116b43}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cards .panel{min-width:0}.inline{display:inline-block;margin-right:10px}.preview{margin-top:12px;padding:22px;background:white;border:1px dashed #c3cde0;border-radius:10px}.template{margin:18px 0;padding:18px;background:#f8faff;border-radius:12px}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{text-align:left;border-bottom:1px solid #e9edf5;padding:12px}th{font-size:12px;color:#66728c}.muted{font-size:13px}.warn{color:#a45c13!important}@media(max-width:1100px){.cards{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.sidebar{position:relative;width:100%;padding:14px}.brand{padding:5px 10px}nav{display:flex;overflow-x:auto}nav a{white-space:nowrap}.sidebar-footer{display:none}.content{margin:0;padding:17px}.top{margin-top:12px}h1{font-size:28px}.metrics{grid-template-columns:repeat(2,1fr)}.metric{padding:17px}.gridform{grid-template-columns:1fr}.panel{padding:17px}}