body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.card{border:none;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.btn-primary{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:25px;padding:10px 30px}.btn-primary:hover{background:linear-gradient(45deg,#764ba2,#667eea);transform:translateY(-2px)}.btn-success{padding:10px 30px}.form-control{border:1px solid #ddd;border-radius:10px;padding:12px 15px}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 .2rem rgba(102,126,234,.25)}#wrapper{min-height:100vh}#sidebar-wrapper{flex:0 0 250px;min-height:100vh;transition:margin .25s ease-out}#sidebar-wrapper .sidebar-heading{background:linear-gradient(45deg,#667eea,#764ba2)}#page-content-wrapper{min-width:0;transition:margin .25s ease-out;width:100%}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-responsive table{min-width:100%;white-space:nowrap}.table-responsive table td,.table-responsive table th{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container,.container-fluid{overflow-x:hidden}.card{overflow:hidden}.card .card-body{overflow-x:auto;padding:1rem}@media (max-width:768px){.card .card-body{padding:.75rem}}@media (min-width:768px){#sidebar-wrapper{margin-left:0}#menu-toggle{display:none!important}}@media (max-width:767.98px){#sidebar-wrapper{background-color:#343a40!important;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;z-index:1000}#page-content-wrapper,#wrapper.toggled #sidebar-wrapper{margin-left:0}#menu-toggle{display:block!important}.sidebar-heading{font-size:1rem!important}.sidebar-overlay{background-color:rgba(0,0,0,.5);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}#wrapper.toggled .sidebar-overlay{display:block}.table-responsive{margin-left:-15px;margin-right:-15px}.table-responsive table td,.table-responsive table th{font-size:.875rem;max-width:120px;padding:.5rem .25rem}.card{border-radius:10px;margin:0 10px}.card .card-body{padding:.5rem}}@media (min-width:768px) and (max-width:991.98px){.table-responsive table td,.table-responsive table th{max-width:150px;padding:.6rem .4rem}}