*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{color:#0f172a;background:#f8fafc}a{color:inherit;text-decoration:none}button,input{font:inherit}.page{padding:0}.app-header{box-sizing:border-box;background:#0006;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:16px;height:72px;padding:0 32px;display:flex}.app-header__search-wrap{flex:1;max-width:576px;position:relative}.app-header__search-wrap input{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:0;width:100%;height:38px;padding:0 16px 0 40px;font-size:14px}.app-header__search-wrap input::placeholder{color:#fff6}.app-header__search-icon{color:#fff6;width:16px;height:16px;position:absolute;top:11px;left:12px}.app-header__search-icon svg{width:100%;height:100%}.app-header__actions{align-items:center;gap:12px;display:flex}.app-header__today{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:14px;display:inline-flex}.app-header__today span:first-child,.app-header__today span:last-child{width:16px;height:16px}.app-header__today svg{width:100%;height:100%}.app-header__notify{color:#fffc;cursor:pointer;background:#ffffff0d;border:0;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;position:relative}.app-header__notify svg{width:20px;height:20px}.app-header__notify-dot{background:#f6339a;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.app-header__profile{border-left:1px solid #ffffff1a;align-items:center;gap:12px;padding-left:16px;display:inline-flex}.app-header__avatar{color:#fff;background:linear-gradient(135deg,#ad46ff 0%,#f6339a 100%);border-radius:999px;place-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:grid}.app-header__profile strong{color:#fff;font-size:14px;font-weight:500;line-height:1.4;display:block}.app-header__profile small{color:#ffffff80;font-size:12px;line-height:1.3;display:block}.app-header__logout{color:#ffffffe6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;height:32px;margin-left:8px;padding:0 12px;font-size:12px;font-weight:500}.app-header__logout:hover{background:#ffffff1a}@media (width<=1100px){.app-header{flex-wrap:wrap;align-items:stretch;height:auto;min-height:72px;padding:12px 16px}.app-header__search-wrap{width:100%;max-width:none}.app-header__actions{justify-content:flex-end;width:100%}}@media (width<=700px){.app-header__profile{border-left:0;padding-left:0}.app-header__profile span:last-child{display:none}.app-header__logout{margin-left:0}}.app-sidebar{box-sizing:border-box;background:#0006;border-right:1px solid #ffffff1a;width:256px;min-height:100svh}.app-sidebar__inner{flex-direction:column;gap:32px;padding:24px;display:flex}.app-sidebar__brand{align-items:center;gap:12px;min-height:44px;display:flex}.app-sidebar__brand-icon{color:#fff;background:linear-gradient(135deg,#ad46ff 0%,#f6339a 50%,#2b7fff 100%);border-radius:14px;place-items:center;width:40px;height:40px;display:grid}.app-sidebar__brand-icon svg{width:24px;height:24px}.app-sidebar__brand-copy{flex-direction:column;align-items:flex-start;display:flex}.app-sidebar__brand-title{letter-spacing:0;background:linear-gradient(90deg,#c27aff 0%,#fb64b6 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:20px;font-weight:700;line-height:1.4}.app-sidebar__brand-subtitle{color:#ffffff80;margin:4px 0 0;font-size:12px;line-height:1.3}.app-sidebar__nav{flex-direction:column;gap:8px;display:flex}.app-sidebar__item{color:#fff9;text-align:left;box-sizing:border-box;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 16px;text-decoration:none;display:flex;position:relative}.app-sidebar__item:hover{color:#ffffffd1;background:#ffffff0a}.app-sidebar__item-icon{color:#fff;place-items:center;width:20px;height:20px;display:inline-grid}.app-sidebar__item-icon svg{stroke:currentColor;width:20px;height:20px}.app-sidebar__item-label{font-size:16px;font-weight:500;line-height:1.5}.app-sidebar__item.is-active{color:#fff;background:linear-gradient(90deg,#ad46ff33 0%,#f6339a33 100%);border:1px solid #ad46ff4d;min-height:50px}.app-sidebar__active-dot{background:linear-gradient(90deg,#c27aff 0%,#fb64b6 100%);border-radius:999px;width:8px;height:8px;margin-left:auto}@media (width<=900px){.app-sidebar{border-bottom:1px solid #ffffff1a;border-right:0;width:100%;min-height:auto}.app-sidebar__inner{gap:20px;padding:16px}.app-sidebar__brand-title{font-size:28px}.app-sidebar__nav{flex-direction:row;padding-bottom:4px;overflow-x:auto}.app-sidebar__item{min-width:154px}}.main-layout{background:#0a0a0a;height:100svh;display:flex;overflow:hidden}.main-layout__content{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.main-layout__content-inner{scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;text-align:left;flex:1;min-height:0;padding:32px;overflow-y:auto}.main-layout__content-inner::-webkit-scrollbar{width:0;display:none}@media (width<=900px){.main-layout{flex-direction:column}.main-layout__content-inner{padding:20px 16px}}