*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f1f5f9;color:#1e293b}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.grid{display:grid}.w-full{width:100%}.w-64{width:16rem}.min-h-screen{min-height:100vh}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.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-4{margin-top:1rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-white{color:#fff}.text-right{text-align:right}.text-center{text-align:center}.text-slate-400{color:#94a3b8}.text-slate-600{color:#475569}.text-blue-600{color:#2563eb}.text-green-600{color:#16a34a}.text-orange-600{color:#ea580c}.text-red-600{color:#dc2626}.bg-white{background-color:#fff}.bg-slate-100{background-color:#f1f5f9}.bg-slate-800{background-color:#1e293b}.bg-blue-50{background-color:#eff6ff}.bg-orange-50{background-color:#fff7ed}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.border{border:1px solid #e2e8f0}.border-2{border-width:2px}.border-orange-300{border-color:#fdba74}.border-slate-200{border-color:#e2e8f0}.border-slate-700{border-color:#334155}.border-blue-200{border-color:#bfdbfe}.border-blue-400{border-color:#60a5fa}.border-green-200{border-color:#bbf7d0}.border-green-400{border-color:#4ade80}.bg-green-50{background-color:#f0fdf4}.overflow-auto{overflow:auto}.space-y-4>*+*{margin-top:1rem}.space-y-3>*+*{margin-top:.75rem}.bg-gradient-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.bg-gradient-green{background:linear-gradient(135deg,#10b981,#059669)}.bg-gradient-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.bg-gradient-purple{background:linear-gradient(135deg,#a855f7,#9333ea)}.card{background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0;padding:1.5rem}.btn-primary{background:#2563eb;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;border:none;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#64748b;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;border:none;cursor:pointer}.sidebar{width:16rem;background:#1e293b;color:#fff;min-height:100vh;padding:1rem;display:flex;flex-direction:column;transition:width .3s ease;position:relative}.sidebar.collapsed{width:4.5rem}.toggle-btn{position:absolute;top:1rem;right:1rem;background:#334155;color:#fff;border:none;width:2rem;height:2rem;border-radius:.375rem;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:10}.toggle-btn:hover{background:#475569}.sidebar-link{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;border-radius:.5rem;margin-bottom:.5rem;color:#cbd5e1;text-decoration:none;cursor:pointer;transition:background .2s;white-space:nowrap;overflow:hidden}.sidebar-link .icon{font-size:1.25rem;min-width:1.5rem;text-align:center}.sidebar-link .label{transition:opacity .2s ease}.sidebar.collapsed .sidebar-link .label{opacity:0;width:0}.sidebar-link:hover{background:#334155}.sidebar-link.active{background:#2563eb;color:#fff}input[type=number],input[type=text],input[type=date],select{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:1rem}input:focus,select:focus{outline:none;border-color:#2563eb}input[type=range]{width:100%}input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}label{display:block;font-size:.875rem;font-weight:500;color:#475569;margin-bottom:.5rem}.h-2{height:.5rem}.bg-slate-200{background-color:#e2e8f0}.bg-blue-600{background-color:#2563eb}table{width:100%;border-collapse:collapse}th,td{padding:.75rem;text-align:left;border-bottom:1px solid #e2e8f0}th{background:#f1f5f9;font-weight:600;color:#475569}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.hover-row:hover{background-color:#f1f5f9;transition:background-color .2s}@media(max-width:768px){.sidebar{position:fixed;bottom:0;left:0;right:0;width:100%!important;min-height:auto;height:auto;flex-direction:row;padding:0;z-index:100;border-top:1px solid #334155}.sidebar .mb-6,.sidebar .border-t{display:none}.sidebar nav{display:flex;flex-direction:row;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.sidebar-link{flex-direction:column;gap:.15rem;padding:.5rem .35rem;margin:0;font-size:.65rem;min-width:3.5rem;text-align:center;justify-content:center;border-radius:0}.sidebar-link .icon{font-size:1.1rem;min-width:auto}.sidebar-link .label{font-size:.6rem;opacity:1!important;width:auto!important}.toggle-btn{display:none}.flex.min-h-screen{flex-direction:column}.flex-1.overflow-auto{padding-bottom:4.5rem}.p-6{padding:1rem}.text-3xl{font-size:1.4rem}.text-2xl{font-size:1.15rem}.text-xl{font-size:1rem}.card{padding:1rem}.grid[style*="repeat(3"],.grid[style*="repeat(4"]{grid-template-columns:repeat(2,1fr)!important}.btn-primary,.btn-secondary{padding:.6rem 1rem;font-size:.875rem}input[type=number],input[type=text],input[type=date],select,textarea{padding:.6rem;font-size:.875rem}.flex.justify-between.items-center.mb-4{flex-direction:column;gap:.5rem;align-items:flex-start}.col-span-2{grid-column:span 2}}@media(max-width:480px){.p-6{padding:.75rem}.text-3xl{font-size:1.2rem}.grid[style*="repeat(2"],.grid[style*="repeat(3"],.grid[style*="repeat(4"]{grid-template-columns:1fr!important}.bg-gradient-blue,.bg-gradient-green,.bg-gradient-orange,.bg-gradient-purple{padding:1rem}.bg-gradient-blue .text-3xl,.bg-gradient-green .text-3xl,.bg-gradient-orange .text-3xl,.bg-gradient-purple .text-3xl{font-size:1.3rem}.flex.justify-between.items-center{flex-direction:column;align-items:flex-start;gap:.25rem}.text-right{text-align:left}table{display:block;overflow-x:auto}th,td{padding:.5rem;font-size:.8rem;white-space:nowrap}.sidebar-link{min-width:3rem;padding:.4rem .25rem}.sidebar-link .icon{font-size:1rem}.sidebar-link .label{font-size:.55rem}}