*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #1976d2;--color-primary-light: #42a5f5;--color-secondary: #555;--color-bg: #f5f5f5;--color-surface: #fff;--color-border: #ddd;--color-hover: rgba(25, 118, 210, .1);--font-family: "Arial", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px}html,body{width:100%;height:100%;font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-secondary);line-height:1.6}#__root{height:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);color:var(--color-primary);margin-bottom:var(--spacing-md);line-height:1.2}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-secondary);cursor:pointer;transition:background-color .2s,border-color .2s}button:hover{background-color:var(--color-hover);border-color:var(--color-primary)}button:active{background-color:var(--color-primary-light);color:#fff}button:disabled{opacity:.6;cursor:not-allowed}table{width:100%;border-collapse:collapse;margin-top:var(--spacing-md);background-color:var(--color-surface)}th,td{padding:var(--spacing-sm);border:1px solid var(--color-border);text-align:left;vertical-align:middle}thead{background-color:var(--color-primary-light)}tbody tr:nth-child(odd){background-color:var(--color-bg)}tbody tr:hover{background-color:var(--color-hover)}input,select,textarea{font-family:inherit;font-size:1rem;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary)}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{display:flex;justify-content:center;align-items:center}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}aside{background-color:var(--color-surface);box-shadow:2px 0 5px #0000000d}aside nav a{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-secondary);border-radius:var(--radius-sm);transition:background-color .2s}aside nav a:hover{background-color:var(--color-hover)}aside nav a.active{background-color:var(--color-primary-light);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-secondary)}@media(max-width:768px){aside{width:200px}}@media(max-width:576px){.flex{flex-direction:column}aside{width:100%;height:auto;box-shadow:none}}