:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"}:root[data-theme=light]{--bg-app: #fbfafd;--bg-surface: #ffffff;--bg-subtle: #f0eff5;--bg-hover: #ececf1;--bg-topbar: #ffffff;--bg-sidebar: #ffffff;--border: #dcdcde;--border-strong: #c4c4c8;--text: #333238;--text-muted: #65626b;--text-inverse: #ffffff;--brand: #7759c2;--brand-hover: #6849b7;--brand-soft: #eee7fb;--orange: #fc6d26;--danger: #d92d20;--input-bg: #ffffff;--input-border: #c4c4c8;--shadow: 0 1px 2px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04)}:root[data-theme=dark]{--bg-app: #0d0d0d;--bg-surface: #161616;--bg-subtle: #1f1f1f;--bg-hover: #2a2a2a;--bg-topbar: #1f1f1f;--bg-sidebar: #161616;--border: #2c2c2c;--border-strong: #3d3d3d;--text: #f0f0f0;--text-muted: #9c9aa1;--text-inverse: #ffffff;--brand: #a989f5;--brand-hover: #b89df7;--brand-soft: #2a2140;--orange: #fc6d26;--danger: #f06077;--input-bg: #1f1f1f;--input-border: #3d3d3d;--shadow: 0 1px 2px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--bg-app);color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}button{font-family:inherit;cursor:pointer}.app-shell{display:grid;grid-template-columns:60px 1fr;grid-template-rows:48px 1fr;grid-template-areas:"topbar topbar" "sidebar main";height:100vh}.topbar{grid-area:topbar;display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--bg-topbar);border-bottom:1px solid var(--border)}.topbar__brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--text)}.topbar__logo{width:22px;height:22px;border-radius:5px;background:linear-gradient(135deg,var(--orange),var(--brand))}.topbar__spacer{flex:1}.topbar__btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-muted)}.topbar__btn:hover{background:var(--bg-hover);color:var(--text)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;font-weight:600;font-size:13px}.avatar--lg{width:56px;height:56px;font-size:22px}.menu{position:relative}.menu__panel{position:absolute;right:0;top:42px;min-width:220px;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:8px;z-index:20}.menu__user{padding:8px 10px;border-bottom:1px solid var(--border);margin-bottom:6px}.menu__user-name{font-weight:600;font-size:13px}.menu__user-role{font-size:12px;color:var(--text-muted);text-transform:capitalize}.menu__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;color:var(--text);border-radius:8px;font-size:13px;text-align:left}.menu__item:hover{background:var(--bg-hover)}.menu__item--danger{color:var(--danger)}.sidebar{grid-area:sidebar;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding-top:8px;gap:4px}.sidebar__item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;color:var(--text-muted);background:transparent;border:none;gap:2px;font-size:10px}.sidebar__item:hover{background:var(--bg-hover);color:var(--text)}.sidebar__item--active{background:var(--brand-soft);color:var(--brand)}.sidebar__icon{width:20px;height:20px;display:block}.main{grid-area:main;overflow:auto;padding:24px}.page-title{font-size:20px;font-weight:600;margin:0 0 4px}.page-subtitle{color:var(--text-muted);font-size:13px;margin:0 0 20px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.stat{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px}.stat__label{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.stat__value{font-size:26px;font-weight:700;margin-top:6px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-app)}.login__card{width:100%;max-width:380px;background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:32px}.login__logo{width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,var(--orange),var(--brand));margin:0 auto 12px}.login__title{text-align:center;font-size:20px;font-weight:600;margin:0 0 4px}.login__subtitle{text-align:center;color:var(--text-muted);font-size:13px;margin:0 0 24px}.field{margin-bottom:16px}.field__label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.input{width:100%;padding:9px 12px;font-size:14px;color:var(--text);background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;outline:none}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 14px;font-size:14px;font-weight:600;border-radius:8px;border:1px solid transparent;background:var(--brand);color:#fff}.btn:hover{background:var(--brand-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.alert{padding:10px 12px;border-radius:8px;font-size:13px;margin-bottom:16px;background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent)}.theme-toggle-corner{position:absolute;top:16px;right:16px}.text-muted{color:var(--text-muted)}.field-error{display:block;margin-top:6px;font-size:12px;color:var(--danger)}.field-hint{display:block;margin-top:6px;font-size:12px;color:var(--text-muted)}.login__hint{margin:14px 0 0;text-align:center;font-size:12px;color:var(--text-muted)}.input--error{border-color:var(--danger)}.input--error:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 20%,transparent)}.input--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 16px) center,calc(100% - 11px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}.badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid var(--border-strong);color:var(--text-muted);text-transform:capitalize}.badge--private{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:color-mix(in srgb,var(--danger) 12%,transparent)}.badge--internal{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 40%,transparent);background:var(--brand-soft)}.badge--public{color:#1f9d55;border-color:color-mix(in srgb,#1f9d55 40%,transparent);background:color-mix(in srgb,#1f9d55 12%,transparent)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.project-card{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:var(--shadow)}.project-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.project-card__name{font-weight:600;font-size:15px}.project-card__desc{color:var(--text-muted);font-size:13px;margin:10px 0 16px;flex:1}.project-card__foot{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border)}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-subtle)}.table tr:last-child td{border-bottom:none}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .strong{font-weight:600}.feed{list-style:none;margin:0;padding:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.feed__item{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.feed__item:last-child{border-bottom:none}.avatar--sm{width:32px;height:32px;font-size:12px;flex-shrink:0}.feed__text{font-size:13px}.feed__time{font-size:12px;color:var(--text-muted);margin-top:2px}.settings-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:var(--shadow);margin-bottom:16px;max-width:560px}.settings-section__title{font-size:15px;font-weight:600;margin:0 0 16px}.field--row{display:flex;align-items:center;justify-content:space-between;gap:16px}.field--row .field__label{margin-bottom:0}.field--row .input--select{width:auto;min-width:160px}.settings-actions{display:flex;align-items:center;gap:12px}.btn--inline{width:auto}.switch{position:relative;width:42px;height:24px;border-radius:999px;border:none;background:var(--border-strong);transition:background .15s ease;padding:0}.switch--on{background:var(--brand)}.switch__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s ease}.switch--on .switch__thumb{transform:translate(18px)}