*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.navbar{background-color:#1a237e;width:100%;color:#fff;position:fixed;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.navbar-brand{font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.navbar-menu{display:flex;gap:1.5rem;align-items:center}.navbar-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}.navbar-link:hover{background-color:#ffffff1a}.navbar-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.sidebar{width:250px;background-color:#fff;height:calc(100vh - 70px);position:fixed;left:0;top:75px;box-shadow:2px 0 4px #0000001a;transition:transform .3s ease;overflow-y:auto}.sidebar.closed{transform:translate(-100%)}.sidebar-menu{list-style:none;padding:1rem 0}.sidebar-item{margin-bottom:.5rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:#333;text-decoration:none;transition:background-color .3s}.sidebar-link:hover,.sidebar-link.active{background-color:#e3f2fd;color:#1a237e}.sidebar-icon{font-size:1.25rem}.main-content{margin-left:250px;padding-top:110px;padding-left:2rem;padding-bottom:2rem;padding-right:2rem;min-height:calc(100vh - 70px);transition:margin-left .3s ease}.main-content.full-width{margin-left:0}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.card-title{font-size:1.25rem;font-weight:600;color:#1a237e}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.form-control{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.form-control:focus{outline:none;border-color:#1a237e;box-shadow:0 0 0 2px #1a237e1a}.form-error{color:#d32f2f;font-size:.875rem;margin-top:.25rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-primary{background-color:#1a237e;color:#fff}.btn-primary:hover{background-color:#283593}.btn-success{background-color:#2e7d32;color:#fff}.btn-success:hover{background-color:#388e3c}.btn-danger{background-color:#d32f2f;color:#fff}.btn-danger:hover{background-color:#c62828}.btn-secondary{background-color:#757575;color:#fff}.btn-secondary:hover{background-color:#616161}.btn-outline{background-color:transparent;border:1px solid #ddd;color:#333}.btn-outline:hover{background-color:#f5f5f5}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse;background:#fff}.table th{background-color:#f5f5f5;padding:1rem;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #ddd}.table td{padding:1rem;border-bottom:1px solid #eee}.table tr:hover{background-color:#f9f9f9}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500;display:inline-block}.status-pending{background-color:#fff3e0;color:#ef6c00}.status-approved{background-color:#e8f5e9;color:#2e7d32}.status-rejected{background-color:#ffebee;color:#d32f2f}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.stat-value{font-size:2rem;font-weight:700;color:#1a237e;margin:.5rem 0}.stat-label{color:#666;font-size:.875rem}.login-container{display:flex;align-items:center;justify-content:center}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:2.5rem;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:2rem}.login-title{font-size:1.75rem;color:#1a237e;margin-bottom:.5rem}.login-subtitle{color:#666}.login-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eee;color:#666}.login-link{color:#1a237e;text-decoration:none;font-weight:500}.login-link:hover{text-decoration:underline}.alert{padding:1rem;border-radius:4px;margin-bottom:1.5rem;border:1px solid transparent}.alert-success{background-color:#e8f5e9;border-color:#c8e6c9;color:#2e7d32}.alert-error{background-color:#ffebee;border-color:#ffcdd2;color:#d32f2f}.alert-info{background-color:#e3f2fd;border-color:#bbdefb;color:#1976d2}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1a237e;border-radius:50%;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.sidebar{transform:translate(-100%);width:280px;z-index:1000}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:1rem;padding-top:90px}.navbar-toggle{display:block}.navbar-menu{display:none}.navbar-menu.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:#1a237e;padding:1rem;z-index:1000}.stats-grid{grid-template-columns:1fr}.table th,.table td{padding:.75rem .5rem;font-size:.875rem}.card{padding:1rem}}@media(max-width:480px){.login-card{padding:1.5rem}.btn{padding:.625rem 1.25rem;font-size:.875rem;text-decoration:none}}@media(max-width:768px){.navbar{padding:.75rem 1rem}.navbar-toggle{display:block}.navbar-menu{display:none}.navbar-menu.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:#1a237e;padding:1rem;z-index:1000}.sidebar{transform:translate(-100%);width:280px;z-index:1000}.sidebar.open{transform:translate(0)}.main-content,.main-content.full-width{margin-left:0;padding:1rem;padding-top:90px}.card{padding:1rem}.card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.card-title{font-size:1.2rem}.btn{padding:.6rem 1.25rem;font-size:.875rem;text-decoration:none}.table-container{overflow-x:auto}.table{min-width:600px;font-size:.85rem}.table th,.table td{padding:.75rem .5rem;white-space:nowrap}.status-badge{font-size:.75rem;padding:.25rem .6rem}.stats-grid{grid-template-columns:1fr}.alert{font-size:.85rem;padding:.75rem}}@media(max-width:480px){.login-card{padding:1.5rem}.login-title{font-size:1.5rem}.btn{padding:.55rem 1rem;font-size:.8rem}}