:root{--font-family-base:"Segoe UI", Tahoma, Verdana, sans-serif;--bg-page-start:#f7f4ff;--bg-page-end:#efe8ff;--bg-header-start:#6d3aff;--bg-header-end:#4f2bb9;--color-text:#1f1d2b;--color-muted:#6d6880;--color-surface:#fff;--color-border:#e5def7;--color-primary:#5b34d6;--color-primary-hover:#4f2bb9;--color-secondary:#f2edff;--color-secondary-hover:#e4dbff;--color-danger:#b7374d;--radius-lg:16px;--radius-md:12px;--shadow-soft:0 6px 24px #3f1b8c14}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-family-base);color:var(--color-text);background:linear-gradient(160deg, var(--bg-page-start) 0%, var(--bg-page-end) 100%)}h1,h2,h3,h4,p{margin:0}button,input{font:inherit}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.app-shell__content{flex-direction:column;min-width:0;display:flex}.app-shell__main{padding:1.5rem}.sidebar{color:#fff;background:linear-gradient(#43238f 0%,#2f1a66 100%);border-right:1px solid #ffffff1f;flex-direction:column;padding:1.5rem 1rem;display:flex}.sidebar__brand{align-items:center;gap:.75rem;padding:.5rem .5rem 1.2rem;display:flex}.sidebar__brand p{color:#d6caef;font-size:.82rem}.sidebar__logo{object-fit:contain;object-position:center;width:36px;height:36px;display:block}.sidebar__nav{flex-direction:column;gap:.4rem;display:flex}.sidebar__link{color:#efe8ff;border-radius:12px;padding:.7rem .75rem;font-size:.95rem;text-decoration:none;transition:all .2s}.sidebar__link:hover{background:#ffffff1a}.sidebar__link--active{background:#fff3;font-weight:600}.sidebar__meta{color:#d6caef;word-break:break-all;margin-top:auto;padding:1rem .5rem 0;font-size:.75rem}.topbar{background:linear-gradient(90deg, var(--bg-header-start) 0%, var(--bg-header-end) 100%);color:#fff;border-bottom-left-radius:var(--radius-lg);box-shadow:var(--shadow-soft);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.topbar__title h1{font-size:1.1rem}.topbar__title span{color:#dcd2ff;font-size:.85rem}.topbar__actions{align-items:center;gap:.8rem;display:flex}.topbar__actions--admin{flex-wrap:wrap;justify-content:flex-end}.topbar__filters{grid-template-columns:minmax(140px,1fr);gap:.5rem;display:grid}.topbar__user{text-align:right}.topbar__user span{color:#dcd2ff;font-size:.8rem;display:block}.btn{cursor:pointer;border:0;border-radius:12px;height:40px;padding:0 1rem;font-weight:600;transition:all .2s}.btn--secondary{background:var(--color-secondary);color:var(--color-primary)}.btn--secondary:hover:not(:disabled){background:var(--color-secondary-hover)}.input{border:1px solid var(--color-border);height:40px;color:var(--color-text);background:#fff;border-radius:12px;outline:0;padding:0 .8rem}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #5b34d629}.input--compact{height:36px;font-size:.85rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:1rem}.login-page{flex-direction:column;min-height:100vh;display:flex}.login-page__header{background:linear-gradient(90deg, var(--bg-header-start) 0%, var(--bg-header-end) 100%);color:#fff;padding:1.1rem 2rem}.login-page__brand{align-items:center;gap:.7rem;display:inline-flex}.login-page__logo{object-fit:contain;object-position:left center;width:184px;height:34px;display:block}.login-page__content{flex:1;place-items:center;padding:1.5rem;display:grid}.login-form{gap:.75rem;min-width:min(460px,90vw);display:grid}.login-form__actions{gap:.6rem;margin-top:.4rem;display:flex}.text-error{color:var(--color-danger);font-size:.88rem}.text-muted{color:var(--color-muted);font-size:.9rem}@media (width<=1080px){.topbar__filters{grid-template-columns:1fr;width:100%}.topbar__actions--admin{justify-content:space-between;width:100%}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}}@media (width<=640px){.topbar{flex-direction:column;align-items:flex-start}.topbar__actions{justify-content:space-between;width:100%}.login-form{min-width:100%}.login-form__actions{flex-direction:column}}