@layer tokens{: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: #ffffff;--color-border: #e5def7;--color-primary: #5b34d6;--color-primary-hover: #4f2bb9;--color-secondary: #f2edff;--color-secondary-hover: #e4dbff;--color-success: #2f8f5b;--color-warning: #b07f19;--color-neutral: #7f7a93;--color-danger: #b7374d;--radius-lg: 16px;--radius-md: 12px;--shadow-soft: 0 6px 24px rgba(63, 27, 140, .08)}}@layer base{*{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}}@layer layout{.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.app-shell__content{display:flex;flex-direction:column;min-width:0}.app-shell__main{padding:1.5rem}.sidebar{background:linear-gradient(180deg,#43238f,#2f1a66);color:#fff;padding:1.5rem 1rem;border-right:1px solid rgba(255,255,255,.12)}.sidebar__brand{display:flex;align-items:center;gap:.75rem;padding:.5rem .5rem 1.2rem}.sidebar__brand p{font-size:.82rem;color:#d6caef}.sidebar__logo{display:block;width:36px;height:36px;object-fit:contain;object-position:center}.sidebar__nav{display:flex;flex-direction:column;gap:.4rem}.sidebar__link{color:#efe8ff;text-decoration:none;font-size:.95rem;border-radius:12px;padding:.7rem .75rem;transition:all .2s ease}.sidebar__link:hover{background:#ffffff1a}.sidebar__link--active{background:#fff3;font-weight:600}.topbar{background:linear-gradient(90deg,var(--bg-header-start) 0%,var(--bg-header-end) 100%);color:#fff;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom-left-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.topbar__title h1{font-size:1.1rem}.topbar__title span{font-size:.85rem;color:#dcd2ff}.topbar__actions{display:flex;align-items:center;gap:.8rem}.topbar__user{text-align:right}.topbar__user span{display:block;color:#dcd2ff;font-size:.8rem}.page{display:grid;gap:1rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.page-header h2{font-size:1.3rem}.page-header p{color:var(--color-muted);margin-top:.2rem}.page-header__actions{flex-shrink:0}.grid{display:grid;gap:1rem}.grid--metrics{grid-template-columns:repeat(4,minmax(140px,1fr))}.grid--catalog{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.login-page{min-height:100vh;display:flex;flex-direction:column}.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{display:inline-flex;align-items:center;gap:.7rem}.login-page__logo{display:block;width:184px;height:34px;object-fit:contain;object-position:left center}.login-page__content{flex:1;display:grid;place-items:center;padding:1.5rem}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.grid--metrics{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (max-width: 640px){.topbar{flex-direction:column;align-items:flex-start}.topbar__actions{width:100%;justify-content:space-between}.grid--metrics{grid-template-columns:1fr}}}@layer components{.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:1rem}.card__title{margin-bottom:.8rem;font-size:1rem}.btn{border:0;border-radius:12px;height:40px;padding:0 1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.7;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{background:var(--color-secondary);color:var(--color-primary)}.btn--secondary:hover:not(:disabled){background:var(--color-secondary-hover)}.input-field{display:grid;gap:.4rem}.input-field span{font-size:.87rem;color:var(--color-muted)}.input{border:1px solid var(--color-border);border-radius:12px;height:40px;padding:0 .8rem;outline:0}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #5b34d629}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff}.badge{display:inline-block;padding:.25rem .6rem;border-radius:999px;font-size:.76rem;font-weight:600}.badge--success{color:var(--color-success);background:#2f8f5b24}.badge--warning{color:var(--color-warning);background:#b07f1924}.badge--neutral{color:var(--color-neutral);background:#7f7a9324}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.75rem;border-bottom:1px solid var(--color-border);font-size:.92rem}.table th{color:var(--color-muted);font-weight:600}.table tbody tr:hover{background:#faf8ff}.empty-state{border:1px dashed var(--color-border);border-radius:12px;padding:1rem}.empty-state h3{font-size:1rem;margin-bottom:.3rem}.empty-state p{color:var(--color-muted);font-size:.92rem}.metric p{color:var(--color-muted);font-size:.85rem}.metric strong{display:block;font-size:1.7rem;margin-top:.2rem;color:var(--color-primary)}.app-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.app-catalog__item{border:1px solid var(--color-border);border-radius:12px;padding:.8rem;background:#fcfbff}.app-catalog__item h4{font-size:.95rem;margin-bottom:.3rem}.app-catalog__item p{color:var(--color-muted);font-size:.85rem}.catalog-card{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.catalog-card--stack{flex-direction:column;align-items:stretch}.catalog-card__head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.catalog-card h3{font-size:1rem;margin-bottom:.2rem}.catalog-card p{color:var(--color-muted);font-size:.9rem}.catalog-meta{display:grid;gap:.2rem;font-size:.85rem;color:var(--color-muted)}.login-form{display:grid;gap:.75rem}.login-form__actions{display:flex;gap:.6rem;margin-top:.4rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#130e266b;display:grid;place-items:center;z-index:40;padding:1rem}.modal{width:min(760px,100%);background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:0 14px 40px #0f08263d;display:grid;max-height:90vh}.modal__header{padding:1rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:1rem}.modal__body{padding:1rem;overflow-y:auto}.modal__footer{padding:1rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}.modal-actions{display:flex;gap:.6rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:.8rem}.form-grid .text-error{grid-column:1 / -1}.checkbox-field{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-text);margin-top:.25rem}.checkbox-field input{width:16px;height:16px}.inline-feedback{border-radius:12px;border:1px solid var(--color-border);padding:.8rem;display:flex;justify-content:space-between;align-items:center;gap:.8rem;background:#faf8ff}.inline-feedback--error{border-color:#b7374d4d;background:#b7374d0f}.table-actions{display:flex;gap:.5rem}.roles-toolbar{max-width:420px}.filters-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:.75rem}.pagination{margin-top:.9rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem}@media (max-width: 900px){.form-grid{grid-template-columns:1fr}.filters-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (max-width: 640px){.table-actions{flex-direction:column}.filters-grid{grid-template-columns:1fr}}}@layer utilities{.text-error{color:var(--color-danger);font-size:.88rem}.text-success{color:var(--color-success);font-size:.88rem}.text-muted{color:var(--color-muted);font-size:.9rem}}