:root{--blue:#315cf5;--blue2:#795cf5;--ink:#10213f;--bg:#f4f7fc;--line:#e4eaf5}body{font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;background:radial-gradient(circle at 95% 0,#e8efff 0,transparent 34%),var(--bg)}aside{width:252px;background:linear-gradient(175deg,#081a39,#102d61);box-shadow:14px 0 35px #07152a18}aside h1:before{content:"◇";display:inline-grid;place-items:center;width:38px;height:38px;margin-left:9px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--blue2));font-size:19px}aside button{border:1px solid transparent;margin:5px 0;transition:.2s}aside button:hover{background:#fff12;border-color:#ffffff24;transform:translateX(-3px)}main{padding:30px 34px;margin:auto;width:calc(100% - 252px)}.stats{gap:16px}.stats article,.panel{background:linear-gradient(145deg,#fff,#fbfcff);border:1px solid #fff;border-radius:22px;box-shadow:0 12px 35px #193d7810}.stats article{position:relative;overflow:hidden;min-height:138px}.stats article:after{content:"";position:absolute;width:74px;height:74px;border-radius:24px;background:#315cf510;left:-18px;top:-18px}.primary,.wide{background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 8px 20px #315cf52b;font-weight:700;transition:.2s}.primary:hover,.wide:hover{transform:translateY(-2px)}input:focus,select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px #315cf512}.list article{background:#fbfcff;border-color:var(--line);transition:.2s}.list article:hover{border-color:#bdcaf0;box-shadow:0 8px 22px #193d780d;transform:translateY(-1px)}@media(max-width:900px){aside{width:82px}main{width:calc(100% - 82px);padding:18px}}@media(max-width:560px){body{display:block}aside{position:fixed;top:auto;bottom:0;width:100%;height:72px;display:flex;justify-content:space-around;padding:8px;z-index:5}aside h1{display:none}aside button{width:auto;min-width:52px;margin:0}main{width:100%;padding:14px 14px 90px}.stats{gap:9px}.stats article{padding:15px;min-height:110px}}