*{margin:0;padding:0;box-sizing:border-box}#app{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827}body{margin:0;background-color:var(--gray-50);color:var(--gray-900)}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.btn{padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--gray-200);color:var(--gray-900)}.btn-secondary:hover{background-color:var(--gray-300)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:.375rem;font-size:.875rem;transition:border-color .2s}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.loading{display:flex;justify-content:center;align-items:center;padding:2rem}.toast{position:fixed;top:1rem;right:1rem;padding:1rem 1.5rem;background:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;z-index:1000;animation:slideIn .3s ease-out}.toast-success{border-left:4px solid var(--success-color)}.toast-error{border-left:4px solid var(--danger-color)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.container{padding:0 .5rem}.btn{padding:.625rem 1rem;font-size:.875rem;width:100%;justify-content:center}.btn-sm{padding:.5rem .75rem;font-size:.75rem;width:auto}.card{padding:1rem;border-radius:.375rem}.input{font-size:16px;padding:.625rem .75rem}.toast{top:.5rem;right:.5rem;left:.5rem;padding:.875rem 1rem;font-size:.875rem}table{font-size:.875rem}table th,table td{padding:.5rem .25rem}.modal-content{width:95%!important;max-width:95%!important;margin:1rem auto;max-height:90vh}.modal-body{padding:1rem}.modal-footer{padding:1rem;flex-direction:column}.modal-footer .btn{width:100%;margin:.25rem 0}}@media (max-width: 480px){.btn{padding:.75rem 1rem;font-size:1rem}.card,.content{padding:.75rem}.header{padding:.75rem 1rem}.header h1{font-size:1.125rem}}