:root{--primary: #DC2626;--primary-dark: #991B1B;--primary-light: #FEF2F2;--success: #059669;--warning: #D97706;--error: #DC2626;--black: #000000;--dark-gray: #4B5563;--mid-gray: #9CA3AF;--light-gray: #F3F4F6;--white: #FFFFFF}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--light-gray);color:var(--black);line-height:1.5}.bg-primary{background-color:var(--primary)}.bg-primary-dark{background-color:var(--primary-dark)}.bg-primary-light{background-color:var(--primary-light)}.text-primary{color:var(--primary)}.text-primary-dark{color:var(--primary-dark)}.hover\:bg-primary-dark:hover{background-color:var(--primary-dark)}.bg-success{background-color:var(--success)}.text-success{color:var(--success)}.bg-black{background-color:var(--black)}.text-black{color:var(--black)}.bg-white{background-color:var(--white)}.text-white{color:var(--white)}.bg-dark-gray{background-color:var(--dark-gray)}.text-dark-gray{color:var(--dark-gray)}.bg-mid-gray{background-color:var(--mid-gray)}.text-mid-gray{color:var(--mid-gray)}.bg-light-gray{background-color:var(--light-gray)}.card{background-color:var(--white);border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid var(--light-gray)}button,.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}button:not(:disabled):hover,.btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-primary{background-color:var(--primary);color:var(--white);border:1px solid var(--primary)}.btn-primary:not(:disabled):hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn-secondary{background-color:var(--white);color:var(--dark-gray);border:1px solid var(--mid-gray)}.btn-secondary:not(:disabled):hover{background-color:var(--light-gray);border-color:var(--dark-gray)}input,select,textarea{font-size:.875rem;padding:.5rem .75rem;border:1px solid var(--mid-gray);border-radius:6px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #dc26261a}table{width:100%;border-collapse:collapse}th{background-color:var(--light-gray);font-weight:600;text-align:left;padding:.75rem 1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--dark-gray)}td{padding:.75rem 1rem;border-bottom:1px solid var(--light-gray)}tr:hover td{background-color:var(--light-gray)}label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;color:var(--dark-gray)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1 1 0%}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.text-xs{font-size:.75rem}.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-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.uppercase{text-transform:uppercase}.w-full{width:100%}.w-56{width:14rem}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.min-h-\[90vh\]{min-height:90vh}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-l-4{border-left-width:4px}.border-mid-gray{border-color:var(--mid-gray)}.border-light-gray{border-color:var(--light-gray)}.border-white{border-color:var(--white)}.border-black{border-color:var(--black)}.border-red-500{border-color:#ef4444}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow{box-shadow:0 1px 3px #0000001a}.bg-black\/50{background-color:#00000080}.z-50{z-index:50}.cursor-pointer{cursor:pointer}.block{display:block}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transition-colors{transition:color .2s ease,background-color .2s ease,border-color .2s ease}.hover\:bg-gray-800:hover{background-color:#1f2937}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.bg-green-100{background-color:#d1fae5}.text-green-800{color:#166534}.bg-yellow-100{background-color:#fef3c7}.text-yellow-800{color:#92400e}.bg-red-100{background-color:#fee2e2}.text-red-800{color:#991b1b}.bg-blue-100{background-color:#dbeafe}.text-blue-800{color:#1e40af}.bg-purple-100{background-color:#f3e8ff}.text-purple-800{color:#6b21a8}.bg-orange-100{background-color:#ffedd5}.text-orange-800{color:#9a3412}.bg-gray-100{background-color:#f3f4f6}.text-gray-800{color:#1f2937}[type=checkbox]{width:1rem;height:1rem;border-radius:.25rem;border:1px solid var(--mid-gray)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.modal-content{background-color:var(--white);border-radius:.5rem;padding:1.5rem;max-height:90vh;overflow-y:auto}.nav-link{display:block;padding:.5rem .75rem;border-radius:.25rem;color:var(--dark-gray);transition:background-color .2s,color .2s}.nav-link:hover{background-color:var(--light-gray)}.nav-link.active{background-color:var(--primary);color:var(--white)}.table-wrapper{overflow-x:auto}.empty-state{text-align:center;padding:2rem;color:var(--dark-gray)}.loading{display:flex;align-items:center;justify-content:center;padding:2rem}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;border-radius:9999px}.input-compact{padding:.45rem .75rem;height:38px;background-color:#f9fafb;border:1px solid #D1D5DB;border-radius:6px;font-size:.875rem}.input-compact:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #dc26261a}.sidebar{background-color:var(--white);border-right:1px solid var(--light-gray)}.nav-button{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:.65rem .9rem;border-radius:10px;border:1px solid transparent;background-color:var(--white);color:var(--dark-gray);font-size:.875rem;font-weight:600;text-decoration:none;line-height:1.2;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.nav-button:hover{background-color:var(--light-gray);box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.nav-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.nav-button--active{background-color:var(--primary);color:var(--white);border-color:var(--primary);box-shadow:0 4px 10px #dc262640}