@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@700;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#f5f5f5;font-family:Segoe UI,sans-serif;margin:0}.container{display:flex;height:100vh}.sidebar{align-items:flex-start;background:#f8f9fa;box-shadow:2px 0 8px #e0e0e0;display:flex;flex-direction:column;padding:0;width:220px}.logo{display:block;height:auto;margin:auto;width:200px}.sidebar ul{list-style:none;padding:0 0 0 24px;width:100%}.sidebar li{color:#333;cursor:pointer;font-size:1.1rem;margin:18px 0;transition:color .2s}.sidebar li.active{color:#0074d9;font-weight:700}.sidebar li.logout{color:#e74c3c}.main{align-items:stretch;background:url(/static/media/nendiemdanh.fa3fbddf28f33120eae2.png) 50%/cover no-repeat;flex:1 1}.attendance-box,.main{display:flex;justify-content:center;position:relative}.attendance-box{align-items:center;background:#0000;border-radius:0;box-shadow:none;color:#fff;flex-direction:column;font-family:Montserrat,Segoe UI,Arial,sans-serif;font-size:2.5rem;height:100vh;min-width:0;min-width:auto;overflow:hidden;padding:0;text-align:center;width:100%;z-index:1}.attendance-box:before{background:url(https://www.transparenttextures.com/patterns/graphy.png);bottom:0;content:"";left:0;opacity:.2;position:absolute;right:0;top:0;z-index:0}.attendance-box h1{color:#fff;font-size:5rem;font-weight:900;letter-spacing:4px;margin-bottom:60px;position:relative;text-shadow:0 4px 24px #1e3c7266,0 2px 8px #1e3c72;text-transform:uppercase;z-index:1}.attendance-box h1:hover{color:#ffeb3b;cursor:pointer;transition:color .3s}.clock{border-radius:24px;color:#ffeb3b;font-size:8rem;font-weight:900;letter-spacing:4px;margin-bottom:40px;padding:0 32px;text-shadow:0 4px 24px #1e3c7266,0 2px 8px #1e3c72}.clock,.date{background:#00000014;display:inline-block;position:relative;z-index:1}.date{border-radius:16px;color:#fff;font-size:3.5rem;font-weight:700;letter-spacing:2px;padding:0 24px;text-shadow:0 2px 8px #1e3c72}.login-container{background:url(/static/media/nendiemdanh.fa3fbddf28f33120eae2.png) 50%/cover no-repeat;height:100vh;justify-content:center}.login-container,.login-form{align-items:center;display:flex}.login-form{animation:fadeIn .8s;background:#fffffff2;border-radius:18px;box-shadow:0 8px 32px #1e3c722e;flex-direction:column;min-width:340px;padding:48px 40px 40px;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.login-form h2{color:#1e3c72;font-family:Montserrat,Segoe UI,Arial,sans-serif;font-size:2.2rem;font-weight:900;letter-spacing:2px;margin-bottom:32px;text-shadow:0 2px 8px #e0e0e0}.login-form input{background:#f7f9fc;border:1.5px solid #b0b8d1;border-radius:8px;font-size:1.1rem;margin-bottom:18px;outline:none;padding:14px 16px;transition:border .2s;width:100%}.login-form input:focus{background:#fff;border:1.5px solid #b40000}.login-form button{background:linear-gradient(90deg,#4d80dd,#2a5298);border:none;border-radius:8px;box-shadow:0 2px 8px #1e3c721a;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:8px;padding:14px 0;transition:background .2s,transform .1s;width:100%}.login-form button:hover{background:linear-gradient(90deg,#2a5298,#1e3c72);transform:translateY(-2px) scale(1.03)}.login-form .error{background:#fff0f0;border:1px solid #ffd6d6;border-radius:6px;color:#e74c3c;font-size:1.05rem;margin-bottom:16px;padding:8px 0;text-align:center;width:100%}.login-form .login-logo{display:block;margin-bottom:1px;width:200px}.admin-user-manager{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014;margin:32px auto;max-width:800px;padding:32px}.admin-user-manager h2{color:#1e3c72;margin-bottom:16px}.user-form{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.user-form input,.user-form select{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:8px}.user-form button{background:#1e3c72;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:8px 16px}.user-form button[type=button]{background:#e74c3c}.user-table{border-collapse:collapse;width:100%}.user-table td,.user-table th{border:1px solid #eee;padding:8px 12px;text-align:left}.user-table th{background:#f5f5f5}.user-table button{border:none;border-radius:4px;cursor:pointer;margin-right:8px;padding:4px 10px}.user-table button:first-child{background:#0074d9;color:#fff}.user-table button:last-child{background:#e74c3c;color:#fff}.message{color:#1e3c72;margin-bottom:12px}.account-info{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014;margin:32px auto;max-width:400px;padding:32px}.account-info h2{color:#1e3c72;margin-bottom:16px}.greeting{color:#fff;font-size:2rem;font-weight:700;letter-spacing:1px;position:absolute;right:48px;text-shadow:0 2px 8px #1e3c72;top:32px;z-index:2}
/*# sourceMappingURL=main.7a12a086.css.map*/