.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast);outline:none;font-size:.875rem;line-height:1.25rem}.btn:focus-visible{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-default{background-color:var(--primary);color:var(--primary-foreground)}.btn-default:hover:not(:disabled){background-color:var(--primary-dark)}.btn-outline{background-color:transparent;border:1px solid var(--border);color:var(--text-main)}.btn-outline:hover:not(:disabled){background-color:var(--background);border-color:var(--text-muted)}.btn-ghost{background-color:transparent;color:var(--text-main)}.btn-ghost:hover:not(:disabled){background-color:#0000000d}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.btn-md{padding:.5rem 1rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite;margin-right:.5em}@keyframes spin{to{transform:rotate(360deg)}}.input-wrapper{display:flex;flex-direction:column;gap:.375rem;width:100%}.input-label{font-size:.875rem;font-weight:500;color:var(--text-main)}.input-field{display:flex;height:2.5rem;width:100%;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--surface);padding:.5rem .75rem;font-size:.875rem;transition:all var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.input-field::placeholder{color:var(--text-muted)}.input-error{border-color:var(--danger)}.input-error:focus{box-shadow:0 0 0 1px var(--danger)}.input-error-message{font-size:.75rem;color:var(--danger)}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:1.5rem 1.5rem 1rem}.card-title{margin:0;font-size:1.25rem;font-weight:600;line-height:normal}.card-content{padding:0 1.5rem 1.5rem}.table-container{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left}.table th{background-color:var(--background);color:var(--text-muted);font-weight:500;padding:.75rem 1.5rem;border-bottom:1px solid var(--border)}.table td{padding:1rem 1.5rem;border-bottom:1px solid var(--border);color:var(--text-main)}.table tr:last-child td{border-bottom:none}.table-row-interactive{cursor:pointer;transition:background-color var(--transition-fast)}.table-row-interactive:hover{background-color:var(--background)}.table-loading,.table-empty{padding:3rem;text-align:center;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.modal-overlay{position:fixed;inset:0;background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-container{background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;animation:modal-in .2s ease-out}@keyframes modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.25rem;font-weight:600;margin:0}.modal-close{color:var(--text-muted);padding:.5rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.modal-close:hover{background-color:var(--background);color:var(--text-main)}.modal-content{padding:1.5rem;overflow-y:auto}.modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem;background-color:var(--background);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.sidebar{width:260px;height:100vh;background-color:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:50}.sidebar-header{height:64px;display:flex;align-items:center;padding:0 1.5rem;border-bottom:1px solid var(--border)}.sidebar-brand{font-size:1.25rem;font-weight:700;color:var(--primary);margin:0}.sidebar-nav{flex:1;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--text-muted);font-weight:500;transition:all var(--transition-fast);text-decoration:none}.sidebar-link:hover{background-color:var(--background);color:var(--text-main)}.sidebar-link.active{background-color:var(--primary);color:var(--primary-foreground)}.sidebar-link.active .sidebar-icon{opacity:1}.sidebar-footer{padding:1rem;border-top:1px solid var(--border)}.logout-btn{width:100%;color:var(--danger);justify-content:flex-start}.logout-btn:hover{background-color:#fce8eb;color:var(--danger)}:root{--font-sans: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--primary-hue: 220;--primary-sat: 90%;--primary-light: 50%;--primary: hsl(var(--primary-hue), var(--primary-sat), var(--primary-light));--primary-foreground: hsl(0, 0%, 100%);--primary-dark: hsl(var(--primary-hue), var(--primary-sat), 40%);--primary-light-hover: hsl(var(--primary-hue), var(--primary-sat), 55%);--background: hsl(220, 20%, 97%);--surface: hsl(0, 0%, 100%);--surface-foreground: hsl(220, 20%, 20%);--border: hsl(220, 15%, 85%);--text-main: hsl(220, 20%, 15%);--text-muted: hsl(220, 10%, 50%);--secondary: hsl(150, 60%, 45%);--danger: hsl(350, 80%, 55%);--warning: hsl(35, 90%, 55%);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--background);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--text-main);margin-bottom:.5em}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}