.project-list{flex-direction:column;flex:1;min-height:0;display:flex}.project-list__header{justify-content:space-between;align-items:center;padding:8px 24px 8px 30px;display:flex}.project-list__title{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-subtle);font-size:13px;font-weight:600}.project-list__add{border-radius:var(--radius-sm);color:var(--color-text-subtle);padding:4px;transition:color .2s,background-color .2s;display:flex}.project-list__add:hover{color:var(--color-accent);background-color:var(--color-accent-soft)}.project-list__items{overflow-y:auto}.project-list__link{border-left:4px solid #0000;align-items:center;gap:8px;padding:8px 30px 8px 26px;font-size:14px;transition:background-color .2s,border-color .2s;display:flex}.project-list__link:hover{background-color:var(--color-surface-hover)}.project-list__link--active{border-left-color:var(--color-accent);background-color:var(--color-surface-muted)}.project-list__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-list__state{color:var(--color-text-subtle);padding:8px 30px;font-size:14px}.project-list__state--error{color:var(--color-danger)}.project-list__retry{color:var(--color-text-muted);margin-top:4px;font-size:13px;text-decoration:underline}
.account-card{border:1px solid var(--color-border);border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;margin:16px 24px 0;padding:10px 16px;display:flex}.account-card__avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.account-card__name{font-size:15px;font-weight:500}.account-card__plan{color:var(--color-text-muted);font-size:12px}
.sidebar{z-index:var(--z-sidebar);width:var(--sidebar-width);background-color:var(--color-surface);height:100dvh;box-shadow:var(--shadow-sidebar);flex-direction:column;flex-shrink:0;padding:16px 0 20px;display:flex;position:sticky;top:0}.sidebar__logo{-webkit-user-select:none;user-select:none;align-items:center;gap:12px;margin-bottom:36px;padding:0 30px;display:flex}.sidebar__logo-img{width:35px;height:auto}.sidebar__logo-title{font-size:20px;font-weight:600}.sidebar__nav{margin-bottom:28px}.sidebar__nav-link{color:var(--color-text-subtle);border-left:4px solid #0000;align-items:center;gap:10px;padding:11px 30px 11px 26px;font-size:18px;transition:color .2s,background-color .2s,border-color .2s;display:flex}.sidebar__nav-link:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.sidebar__nav-link--active{border-left-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-accent-soft)}@media (max-width:767px){.sidebar{width:100%;height:auto;box-shadow:none;border-bottom:1px solid var(--color-border);position:static}}
.widget{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface-muted);padding:16px}.widget__title{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-subtle);margin-bottom:12px;font-size:12px;font-weight:600}
.widget-clock__time{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:40px;font-weight:600;line-height:1.1}.widget-clock__seconds{color:var(--color-text-subtle);margin-left:6px;font-size:18px;font-weight:500}.widget-clock__placeholder{color:var(--color-text-subtle)}.widget-clock__date{color:var(--color-text-muted);margin-top:6px;font-size:14px}
.widget-calendar__header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.widget-calendar__month{font-size:15px;font-weight:600}.widget-calendar__nav{align-items:center;gap:2px;display:flex}.widget-calendar__arrow{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);justify-content:center;align-items:center;transition:color .2s,background-color .2s;display:flex}.widget-calendar__arrow:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.widget-calendar__today{border-radius:var(--radius-sm);color:var(--color-accent);margin-right:4px;padding:4px 8px;font-size:12px;transition:background-color .2s}.widget-calendar__today:hover{background-color:var(--color-accent-soft)}.widget-calendar__grid{flex-direction:column;gap:2px;min-height:236px;display:flex}.widget-calendar__row{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.widget-calendar__weekday{text-align:center;color:var(--color-text-subtle);padding:4px 0;font-size:11px;font-weight:600}.widget-calendar__day{aspect-ratio:1;border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;max-height:32px;font-size:13px;transition:color .2s,background-color .2s;display:flex}.widget-calendar__day:hover{background-color:var(--color-surface-hover)}.widget-calendar__day--outside{color:var(--color-text-subtle);opacity:.6}.widget-calendar__day--today{color:#fff;background-color:var(--color-accent);font-weight:600}.widget-calendar__day--today:hover{background-color:var(--color-accent-hover)}
.right-panel{z-index:var(--z-panel);width:var(--right-panel-width);flex-shrink:0;height:100dvh;transition:width .25s;position:sticky;top:0}.right-panel__inner{width:var(--right-panel-width);background-color:var(--color-surface);height:100%;box-shadow:var(--shadow-panel);flex-direction:column;transition:width .25s;display:flex;position:absolute;top:0;right:0;overflow:hidden}.right-panel__header{border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:10px;height:73px;padding:0 14px;display:flex}.right-panel__toggle{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,background-color .2s;display:flex}.right-panel__toggle:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.right-panel__title{white-space:nowrap;color:var(--color-text-muted);font-size:15px;font-weight:600}.right-panel__content{width:var(--right-panel-width);flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}:root[data-panel=collapsed] .right-panel,:root[data-panel=collapsed] .right-panel__inner{width:var(--right-panel-rail-width)}:root[data-panel=collapsed] .right-panel__title,:root[data-panel=collapsed] .right-panel__content{display:none}@media (max-width:1279px){.right-panel{width:var(--right-panel-rail-width)}:root[data-panel=expanded] .right-panel__inner{box-shadow:var(--shadow-modal)}}@media (max-width:767px){.right-panel{display:none}}@media (prefers-reduced-motion:reduce){.right-panel,.right-panel__inner{transition:none}}
.app-shell{min-height:100dvh;display:flex}.app-shell__main{flex-direction:column;flex:1;min-width:0;display:flex}@media (max-width:767px){.app-shell{flex-direction:column}}
:root{--color-bg:#f4f5f9;--color-surface:#fff;--color-surface-muted:#f5f5f7;--color-surface-hover:#eef0f6;--color-border:#e3e4ea;--color-text:#1f2130;--color-text-muted:#6b6d7c;--color-text-subtle:#9896a3;--color-accent:#3b77e5;--color-accent-hover:#2c62c8;--color-accent-soft:#3b77e51f;--color-danger:#cd3c3c;--color-danger-hover:#9e2e2e;--color-overlay:#0a0a1980;--color-focus:#3b77e5;--gradient-hero:linear-gradient(144deg, #020028 0%, #38356e 82%, #ab2ca7 100%);--gradient-title:linear-gradient(to right, #666fd8, #dd2be3);--shadow-sidebar:3px 0 5px #a1a1a14d;--shadow-panel:-3px 0 5px #a1a1a14d;--shadow-window:0 0 10px #0000001f;--shadow-modal:0 20px 50px #00000040;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--sidebar-width:260px;--right-panel-width:300px;--right-panel-rail-width:64px;--z-panel:90;--z-sidebar:100;--z-modal:1000;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-bg:#0e0f1a;--color-surface:#171827;--color-surface-muted:#1e2032;--color-surface-hover:#25283d;--color-border:#2a2d42;--color-text:#eceef7;--color-text-muted:#a3a6bb;--color-text-subtle:#75788f;--color-accent:#5b8ff0;--color-accent-hover:#7aa5f4;--color-accent-soft:#5b8ff029;--color-danger:#e05555;--color-danger-hover:#f07272;--color-overlay:#000000a6;--color-focus:#7aa5f4;--shadow-sidebar:3px 0 8px #00000073;--shadow-panel:-3px 0 8px #00000073;--shadow-window:0 0 14px #0006;--shadow-modal:0 20px 50px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;line-height:1.5}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}input,textarea,button,select{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}