@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--accent:#6334d4;--ink:#242133;--muted:#878391;--line:#eae8ef}*{box-sizing:border-box}body{margin:0;background:#f8f7fb;color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:9px;padding:11px 16px;color:var(--ink);font-weight:600}button:hover{border-color:var(--accent);color:var(--accent)}a{color:inherit;text-decoration:none}aside{position:fixed;width:238px;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:35px 22px;display:flex;flex-direction:column}.brand{font:800 27px Manrope;letter-spacing:-1px;display:block;margin:0 13px 48px}.brand b{display:inline-grid;place-items:center;background:var(--accent);color:white;width:37px;height:37px;border-radius:12px;font-size:23px;position:relative}.brand b span{font-size:12px;position:absolute;right:1px;top:0}.brand small{display:block;font:9px 'DM Sans';letter-spacing:1.8px;margin-top:9px;color:var(--muted)}.navlabel{font-size:10px;letter-spacing:1.6px;color:#a19aaa;margin:0 14px 14px}nav a{display:flex;align-items:center;gap:13px;padding:14px;margin:5px 0;border-radius:9px;color:#777180}nav a.active{background:#f0eafa;color:var(--accent);font-weight:700}nav a span{font-size:19px;width:23px}.sidebottom{margin-top:auto;font-size:11px;color:#736e80;padding:12px}.sidebottom p{font-size:10px;color:#aaa4b1}.live{display:inline-block;width:6px;height:6px;border-radius:50%;background:#29ac82;margin-right:5px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:22px;margin-top:25px;color:#393344;font-size:12px}small{display:block;color:var(--muted);font-size:11px;margin-top:5px}i{font-style:normal}.profile i,.avatar{background:#f0eafa;border-radius:50%;width:34px;height:34px;display:inline-grid;place-items:center;color:var(--accent);font-weight:700}main{margin-left:238px}header{height:85px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px;background:#fff;font-size:12px;color:var(--muted)}header div{display:flex;align-items:center;gap:22px}header button{font-size:12px}#content{padding:37px 42px;max-width:1600px;margin:auto}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--accent);text-transform:uppercase}h1{font:800 29px Manrope;letter-spacing:-1px;margin:10px 0}h2{font:800 17px Manrope;margin:0}h3{font:800 16px Manrope;margin:13px 0 8px}.sub{color:var(--muted);line-height:1.7;margin:0}.titlebar{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.primary{background:var(--accent);color:white;border-color:var(--accent)}.primary:hover{background:#5127b9;color:white}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.stat{background:white;border:1px solid var(--line);border-radius:13px;padding:20px}.stat .icon{float:right;background:#f6f2fc;color:var(--accent);padding:8px;border-radius:9px}.stat label{display:block;color:#827c8c;font-size:12px}.stat strong{display:block;font:800 30px Manrope;margin:10px 0}.stat small{font-size:10px}.green{color:#259574}.banner{border:1px solid #ded3f7;border-radius:14px;padding:27px 30px;background:linear-gradient(110deg,#ede5ff,#f7f3ff 65%,#e9defb);position:relative;overflow:hidden;margin-bottom:31px}.banner p{max-width:520px;margin:10px 0 18px;color:#7a6e91;font-size:12px;line-height:1.7}.banner h2{font-size:22px;max-width:600px}.banner .orb{position:absolute;right:30px;top:5px;font-size:130px;color:#c0a8eb;transform:rotate(-20deg)}.banner button{position:relative;font-size:12px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sectionhead button{font-size:11px}.toolbar{display:flex;gap:10px;margin-bottom:23px}.toolbar input{flex:1}input,select,textarea{padding:12px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:2px solid #d8c8f6}textarea{min-height:100px;resize:vertical}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.art{height:180px;position:relative;display:grid;place-items:center;overflow:hidden;background:#f0e9e0}.art:before,.art:after{content:'';position:absolute;border-radius:50%;border:1px solid #ffffff60;width:210px;height:210px;transform:rotate(-30deg);left:-70px;top:35px}.art:after{left:auto;right:-65px;top:-90px;width:270px;height:270px}.art .object{font-size:84px;filter:drop-shadow(5px 14px 10px #0002);transform:rotate(-10deg);z-index:1}.art .tag{position:absolute;top:15px;left:15px;background:#ffffffed;font-size:9px;letter-spacing:.7px;border-radius:5px;padding:6px 8px;color:#726274;z-index:2}.cardbody{padding:20px}.badge{font-size:9px;border-radius:20px;padding:5px 9px;background:#e7f6ee;color:#32815a;font-weight:700;display:inline-block}.badge.draft{background:#f1edf6;color:#8a7e9a}.badge.closed{background:#f1f1f1;color:#777}.cardbody p{font-size:11px;color:var(--muted);line-height:1.7;min-height:35px}.cardmeta{display:flex;justify-content:space-between;font-size:10px;color:#9b95a3;margin:19px 0 15px}.cardmeta b{color:#544d63}.cardfoot{border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;justify-content:space-between}.cardfoot span{font-size:10px;color:#9b95a3}.cardfoot button{font-size:11px;padding:8px 12px}.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:25px;margin-bottom:22px}.twocol{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;margin-top:28px}.activity{display:flex;gap:12px;border-bottom:1px solid #f2f0f5;padding:15px 0;font-size:12px}.activity i{background:#f2ebfc;padding:8px;border-radius:8px;color:var(--accent)}.activity small{font-size:10px}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#9991a3}td,th{padding:17px 12px;border-bottom:1px solid var(--line)}td{font-size:12px}.empty{padding:35px;color:var(--muted);text-align:center}dialog{border:0;border-radius:16px;box-shadow:0 25px 90px #18102c44;width:min(560px,92vw);padding:29px}dialog::backdrop{background:#19102966;backdrop-filter:blur(3px)}dialog form{display:grid;gap:14px}label.field{font-size:12px;display:grid;gap:7px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.detailhero{text-align:center;padding:38px;background:#f0eafb;border-radius:15px;margin-bottom:25px}.detailhero .object{font-size:90px}.detailhero h1{font-size:32px}.detailhero p{max-width:650px;margin:12px auto}.chart{height:160px;display:flex;align-items:flex-end;gap:14px;padding:15px 0}.bar{flex:1;background:linear-gradient(#9170df,#dcd0f6);border-radius:5px 5px 0 0;position:relative}.bar span{position:absolute;bottom:-23px;font-size:9px;color:var(--muted);width:100%;text-align:center}.notice{background:#f2ecfb;border-radius:9px;padding:14px;font-size:12px;color:#746384;line-height:1.6}.settings{max-width:650px;display:grid;gap:18px}#toast{position:fixed;bottom:25px;right:25px;background:#2a2238;color:white;border-radius:10px;padding:15px 22px;display:none;z-index:99}.mobilebrand{display:none}@media(min-width:1450px){.art{height:220px}}@media(max-width:1100px){aside{width:190px;padding:28px 14px}main{margin-left:190px}#content{padding:27px}header{padding:0 27px}.cards{grid-template-columns:repeat(2,1fr)}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:25px}.banner .orb{opacity:.3}}@media(max-width:740px){aside{position:relative;width:auto;padding:17px 20px;border-bottom:1px solid var(--line)}.brand{margin:0;font-size:23px}.brand small,.navlabel,.sidebottom{display:none}nav{display:flex;overflow:auto;margin-top:16px}nav a{padding:9px;font-size:11px;white-space:nowrap;gap:4px}nav a span{font-size:14px;width:16px}main{margin-left:0}header{height:65px;padding:0 20px}#content{padding:25px 20px}.titlebar{gap:10px}h1{font-size:23px}.titlebar button{font-size:11px}.stats{grid-template-columns:repeat(2,1fr)}.cards,.twocol{grid-template-columns:1fr}.banner{padding:23px}.banner h2{font-size:20px}.toolbar{flex-wrap:wrap}.toolbar input{min-width:170px}.panel{padding:17px;overflow:auto}.art{height:210px}.sub{font-size:12px}.avatar{display:none}}