:root{--color-primary: #3B82F6;--color-secondary: #10B981;--color-danger: #EF4444;--color-warning: #F59E0B;--color-success: #10B981;--color-info: #3B82F6;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-600: #4B5563;--color-gray-700: #374151}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-gray-50);color:#1f2937}app-root{display:block;height:100%}h1{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:1rem}h2{font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:.875rem}h3{font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:.75rem}h4{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}h5{font-size:1rem;font-weight:600;margin-bottom:.5rem}h6{font-size:.875rem;font-weight:600;margin-bottom:.5rem}p{line-height:1.5;margin-bottom:1rem}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:#2563eb}.container{max-width:1280px;margin:0 auto;padding:0 1rem}button{cursor:pointer;border:none;border-radius:.375rem;font-weight:500;transition:all .2s;font-size:1rem}.btn-primary{background-color:var(--color-primary);color:#fff;padding:.5rem 1rem}.btn-primary:hover{background-color:#2563eb}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--color-gray-600);color:#fff;padding:.5rem 1rem}.btn-secondary:hover{background-color:var(--color-gray-700)}.btn-danger{background-color:var(--color-danger);color:#fff;padding:.5rem 1rem}.btn-danger:hover{background-color:#dc2626}.btn-success{background-color:var(--color-success);color:#fff;padding:.5rem 1rem}.btn-success:hover{background-color:#059669}.card{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.card:hover{box-shadow:0 4px 6px #0000001a}input,textarea,select{border:1px solid var(--color-gray-300);border-radius:.375rem;padding:.5rem 1rem;font-size:1rem;transition:all .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--color-gray-700)}.form-input{width:100%;border:1px solid var(--color-gray-300);border-radius:.375rem;padding:.75rem;font-size:1rem}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.form-error{color:var(--color-danger);font-size:.875rem;margin-top:.25rem}table{width:100%;border-collapse:collapse}th{background-color:var(--color-gray-100);border-bottom:2px solid var(--color-gray-300);padding:1rem;text-align:left;font-weight:600;color:var(--color-gray-700)}td{border-bottom:1px solid var(--color-gray-200);padding:1rem}tr:hover{background-color:var(--color-gray-50)}.alert{padding:1rem;border-radius:.375rem;margin-bottom:1rem}.alert.alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #6EE7B7}.alert.alert-error{background-color:#fee2e2;color:#7f1d1d;border:1px solid #FCA5A5}.alert.alert-warning{background-color:#fef3c7;color:#78350f;border:1px solid #FDE68A}.alert.alert-info{background-color:#dbeafe;color:#0c2340;border:1px solid #93C5FD}@keyframes spin{to{transform:rotate(360deg)}}.loading{animation:spin 1s linear infinite}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.grid{display:grid;gap:1rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:flex{display:flex}}@media(min-width:1024px){.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-gray-600{color:var(--color-gray-600)}.text-blue-600{color:var(--color-primary)}.text-green-600{color:var(--color-success)}.text-red-600{color:var(--color-danger)}.text-yellow-600{color:var(--color-warning)}.w-full{width:100%}.h-screen{height:100vh}.h-full{height:100%}.hidden{display:none}.block{display:block}@media(max-width:768px){.hidden\\:md{display:none}}.overflow-y-auto{overflow-y:auto}.overflow-hidden{overflow:hidden}.border{border:1px solid var(--color-gray-300)}.border-b{border-bottom:1px solid var(--color-gray-300)}.shadow{box-shadow:0 1px 3px #0000001a}.shadow-lg{box-shadow:0 10px 15px #0000001a}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}