*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f7fa;color:#333}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.1);width:100%;max-width:400px}.login-box h1{text-align:center;margin-bottom:2rem;color:#333;font-size:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.form-group input,.form-group select{width:100%;padding:.875rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s;background-color:#fff;cursor:pointer}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.btn{width:100%;padding:1rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(102,126,234,.4)}.dashboard-layout{display:flex;min-height:100vh}.sidebar{width:260px;background:#2c3e50;color:#fff;padding:1.5rem 0;position:fixed;height:100vh;overflow-y:auto;z-index:100}.sidebar-header{padding:0 1.5rem;margin-bottom:2rem}.sidebar-header h2{font-size:1.5rem;margin-bottom:.5rem}.sidebar-header p{font-size:.875rem;color:#95a5a6}.sidebar-menu{list-style:none}.sidebar-menu li{margin-bottom:.25rem}.sidebar-menu a{display:flex;align-items:center;padding:.875rem 1.5rem;color:#ecf0f1;text-decoration:none;transition:all .3s}.sidebar-menu a.active,.sidebar-menu a:hover{background:#34495e;border-left:4px solid #3498db}.sidebar-menu a.active{color:#fff}.menu-icon{margin-right:.875rem;font-size:1.25rem}.main-content{flex:1 1;margin-left:260px;padding:2rem;overflow:visible}.top-bar{background:#fff;padding:1.5rem 2rem;margin:-2rem -2rem 2rem;box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center}.top-bar h1{font-size:1.75rem;color:#2c3e50}.user-info{display:flex;align-items:center;gap:1rem}.logout-btn{background:#e74c3c;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background .3s}.logout-btn:hover{background:#c0392b}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.dashboard-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.dashboard-card h3{font-size:1.125rem;color:#555;margin-bottom:.5rem}.dashboard-card .value{font-size:2rem;font-weight:700;color:#2c3e50}.content-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.content-box h2{margin-bottom:1.5rem;color:#2c3e50}.empty-state{text-align:center;padding:3rem;color:#95a5a6}.empty-state-icon{font-size:4rem;margin-bottom:1rem}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1002;background:#2c3e50;border:none;border-radius:6px;width:45px;height:45px;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2)}.mobile-menu-toggle span{display:block;width:25px;height:3px;background:#fff;border-radius:2px;transition:all .3s}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999}@media (max-width:1024px){.mobile-menu-toggle{display:flex}.mobile-menu-overlay{display:block}.sidebar{transform:translateX(-100%);transition:transform .3s ease;z-index:1000}.sidebar-open{transform:translateX(0)}.main-content{margin-left:0;width:100%}.dashboard-content>div[style*="display: grid"],.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:1rem!important}div[style*="display: flex"][style*=gap]{flex-wrap:wrap}div[style*=gridTemplateColumns][style*=repeat]{grid-template-columns:1fr!important}}@media (max-width:768px){.login-box{padding:2rem 1.5rem;margin:1rem}.login-box h1{font-size:1.5rem}.sidebar{width:80vw;max-width:300px}.sidebar-header h2{font-size:1.25rem}.top-bar{padding:.75rem 1rem!important;flex-wrap:wrap}.top-bar h1{font-size:1.25rem!important}.content-box{padding:1rem!important;margin-bottom:1rem!important}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}table tbody,table thead,table tr{display:table;width:100%;table-layout:fixed}.btn{padding:.75rem 1rem!important;font-size:.9rem!important}.form-group input,.form-group select,.form-group textarea{font-size:16px!important}.stat-card{padding:1rem!important}.stat-card h3{font-size:.875rem!important}.stat-card p{font-size:1.5rem!important}.modal-content{width:95vw!important;max-width:95vw!important;margin:1rem auto!important;max-height:90vh;overflow-y:auto}div[style*="display: grid"]{grid-template-columns:1fr!important}.main-content{padding:1rem!important}.empty-state{padding:2rem 1rem}.empty-state-icon{font-size:3rem}}@media (max-width:480px){.login-box{padding:1.5rem 1rem}.sidebar{width:85vw}.top-bar h1{font-size:1.1rem!important}.content-box{padding:.75rem!important}.btn{padding:.65rem .85rem!important}.btn,table td,table th{font-size:.85rem!important}table td,table th{padding:.5rem!important}.modal-content{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;margin:0!important;border-radius:0!important}}@media (max-height:500px) and (orientation:landscape){.sidebar{padding:.5rem 0}.sidebar-header{margin-bottom:1rem}.sidebar-header,.sidebar-menu a{padding:.5rem 1rem}.top-bar{padding:.5rem 1rem!important}}@media (pointer:coarse){a,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}}@media (max-width:768px){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}}