:root{--o:#f5603a;--ink:#171717;--muted:#777370;--glass:rgba(255,255,255,.6)}*{box-sizing:border-box}body{margin:0;background:#f8f7f5;color:var(--ink);font:14px Arial,sans-serif}.halo{position:fixed;border-radius:50%;filter:blur(40px);opacity:.4;pointer-events:none}.one{width:420px;height:420px;background:#ffc4a8;right:-60px;top:-120px}.two{width:330px;height:330px;background:#fce8dc;left:45%;bottom:-140px}.shell{position:relative;z-index:1;display:grid;grid-template-columns:230px 1fr;gap:30px;max-width:1200px;min-height:900px;margin:38px auto;padding:18px;border:1px solid #fff;border-radius:42px;background:var(--glass);box-shadow:0 18px 60px #402a2110;backdrop-filter:blur(20px)}aside{display:flex;flex-direction:column;padding:20px 14px}.logo{width:110px;height:90px;object-fit:contain;margin:0 auto 25px}aside nav{display:grid;gap:8px}a{cursor:pointer}aside nav a{display:flex;gap:14px;align-items:center;padding:13px;border-radius:13px;color:#615c59;text-decoration:none}aside nav a.active{background:#ffe7de;color:var(--o);font-weight:bold}aside nav b{margin-left:auto;background:var(--o);color:white;border-radius:20px;padding:3px 6px;font-size:11px}aside footer{margin-top:auto;display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;background:#333;color:white;display:grid;place-items:center}footer small,footer button{display:block;color:var(--muted);font-size:12px}footer button{grid-column:1/-1;border:0;background:none;text-align:left;margin-top:25px;padding:8px}.content{padding:25px 20px}header{display:flex;gap:12px}.search{flex:1;max-width:630px;padding:14px 22px;border-radius:25px;background:var(--glass);box-shadow:0 8px 20px #402a2110;font-size:18px}.search span{font-size:13px;margin-left:10px;color:var(--muted)}.icon{position:relative;border:1px solid #fff;background:var(--glass);border-radius:16px;width:54px;font-size:20px}.icon i{position:absolute;right:-3px;top:-5px;background:var(--o);color:white;border-radius:10px;font:11px Arial;padding:3px}.welcome{display:flex;justify-content:space-between;align-items:end;margin:38px 0 24px}.welcome h1{font-size:29px;margin:0}.welcome p,.welcome time{color:var(--muted);margin:7px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metrics article,.card{background:var(--glass);border:1px solid #fff;border-radius:22px;box-shadow:0 12px 35px #402a210c;padding:18px}.metrics em{display:block;width:38px;padding:10px;background:#fff0ea;border-radius:11px;font-style:normal}.metrics strong{display:block;font-size:25px;margin-top:10px}.metrics span{color:var(--muted)}.metrics small{float:right;color:#399361;font-weight:bold}.grid{display:grid;grid-template-columns:1.45fr .7fr;gap:20px;margin-top:20px}.title{display:flex;justify-content:space-between;align-items:center}.title h2,.card h2{font-size:18px;margin:0}.title a{color:var(--muted);font-size:12px}.task{display:grid;grid-template-columns:45px 1fr auto auto 15px;gap:10px;align-items:center;margin-top:9px;padding:9px;border-radius:15px;background:#ffffff90}.task em{font-style:normal;font-size:22px}.task small,.activity span{display:block;color:var(--muted);margin-top:3px;font-size:12px}.task mark{background:#ffe9df;color:var(--o);border-radius:12px;padding:5px 8px;font-size:11px}.task mark.green{background:#dff3e5;color:#31794b}.task mark.amber{background:#fff0d2;color:#b2781a}.task button{border:1px solid #fff;background:#fff9;border-radius:16px;padding:9px 15px}.task i{font-style:normal}.editorial{min-height:275px;padding:92px 22px 20px;border-radius:25px;background:linear-gradient(135deg,#fffaf6,#f6d4c4);overflow:hidden;position:relative}.editorial:after{content:'';position:absolute;width:190px;height:190px;border-radius:50%;background:#f89857;right:-95px;top:-35px}.editorial h2{font-size:22px;margin:0;position:relative;z-index:1}.editorial p{color:#615c59;font-size:12px;line-height:1.5;position:relative;z-index:1}.editorial button{position:relative;z-index:1;border:0;border-radius:50%;padding:9px;background:#fff}.activity p{display:flex;gap:10px;align-items:center;border-bottom:1px solid #eee;padding:11px 0;margin:0}.activity p:last-child{border:0}.activity time{margin-left:auto;color:var(--muted);font-size:11px}.distribution{display:grid;grid-template-columns:1fr 1fr;align-items:center}.distribution h2{grid-column:1/-1}.donut{width:130px;height:130px;margin:18px;border-radius:50%;background:conic-gradient(var(--o) 0 42%,#f9ba9d 42% 76%,#57745b 76% 96%,#ddd 96%);display:grid;place-items:center}.donut:before{content:'';position:absolute;width:90px;height:90px;background:#faf9f7;border-radius:50%}.donut b{position:relative;text-align:center;font-size:22px}.donut small{display:block;font-size:10px;color:var(--muted);font-weight:normal}.distribution ul{list-style:none;padding:0;font-size:12px;color:var(--muted);line-height:2.1}.distribution li b{float:right;color:var(--ink)}.mobile-nav{display:none}@media(max-width:767px){.shell{display:block;margin:0;border-radius:0;padding:12px;min-height:100vh}aside{display:none}.content{padding:8px 2px 90px}.search{max-width:none}.welcome{margin:27px 5px 18px}.welcome h1{font-size:24px}.welcome time{display:none}.metrics{display:flex;overflow:auto}.metrics article{min-width:132px}.metrics article:nth-child(4){display:none}.grid{display:block;margin-top:18px}.editorial{margin:18px 0;min-height:230px;padding-top:58px}.activity,.distribution{display:none}.task{grid-template-columns:32px 1fr auto}.task button,.task i{display:none}.mobile-nav{display:flex;position:fixed;z-index:5;bottom:12px;left:14px;right:14px;justify-content:space-around;align-items:center;padding:10px;border:1px solid white;border-radius:25px;background:#ffffffe6;backdrop-filter:blur(18px);box-shadow:0 8px 30px #402a2112}.mobile-nav a{text-align:center;color:var(--muted);font-size:20px}.mobile-nav small{display:block;font-size:9px}.mobile-nav .plus{background:var(--o);color:#fff;border-radius:50%;padding:5px 12px;font-size:25px}}
svg{width:19px;height:19px;stroke:currentColor}.editorial.notifications{display:flex;flex-direction:column;justify-content:center;padding:30px}.bell-wrap{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:20px;background:#fff7f2;color:#f5603a;margin-bottom:16px}.bell-wrap svg{width:27px;height:27px}.bell-wrap b{position:absolute;top:-5px;right:-5px;background:#f5603a;color:white;border:2px solid #fff;border-radius:20px;padding:3px 6px;font-size:10px}.editorial.notifications button svg{vertical-align:middle}.task em svg,.activity>p>svg{color:#f5603a}.metrics em{display:grid;place-items:center;color:#f5603a}.metrics em svg{width:20px}