: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-danger: #b7374d;--radius-lg: 16px;--shadow-soft: 0 6px 24px rgba(63, 27, 140, .08)}*{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,select{font:inherit}.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);display:flex;flex-direction:column}.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}.sidebar__meta{margin-top:auto;color:#d6caef;font-size:.75rem;padding:1rem .5rem 0;word-break:break-all}.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;flex-wrap:wrap;justify-content:flex-end}.topbar__user{text-align:right}.topbar__user span{display:block;color:#dcd2ff;font-size:.8rem}.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)}.btn--compact{height:36px;font-size:.85rem;padding:0 .8rem}.input{border:1px solid var(--color-border);border-radius:12px;height:40px;padding:0 .8rem;outline:0;background:#fff;color:var(--color-text)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #5b34d629}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.container{max-width:1200px;margin:0 auto;padding:20px}.card{grid-column:span 12;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:1rem}.badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;background:var(--color-secondary);color:var(--color-primary);border:1px solid var(--color-border)}.text-error{color:var(--color-danger);font-size:.88rem}.text-muted{color:var(--color-muted);font-size:.9rem}.table-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.search-bar{display:flex;gap:8px;margin-bottom:10px}.search-bar .input{flex:1}.table-head-actions{display:flex;align-items:center;gap:8px}.table-wrap,.nested-table-wrap{overflow:auto;border:1px solid var(--color-border);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:680px}th,td{border-bottom:1px solid var(--color-border);text-align:left;padding:8px;font-size:13px;vertical-align:top}.expanded-cell{background:#fcf9ff}.pagination{display:flex;gap:8px;align-items:center;margin-top:10px}.pagination .btn{width:auto}.pagination .input{max-width:150px}.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}.login-form{display:grid;gap:.75rem;min-width:min(460px,90vw)}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}}@media(max-width:700px){.search-bar{flex-wrap:wrap}.search-bar .btn{flex:1}}@media(max-width:640px){.topbar{flex-direction:column;align-items:flex-start}.topbar__actions{width:100%;justify-content:space-between}.login-form{min-width:100%}}