:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{width:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;background:#ff0;background:#00244a;color:#212529}main table th{padding:4px 12px;color:#fff;font-size:19px;background:#004288;border:1px solid #333}.header-section{text-align:center;padding:0 20px 20px}.header-title{font-size:3.5rem;font-weight:700;margin:0;color:#fff;letter-spacing:.5px}.header-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.header-btn{padding:8px 24px;background:#d32529;color:#fff;border:none;border-radius:6px;font-size:18px;font-weight:600;cursor:pointer;transition:.3s ease}.header-btn:hover{transform:translateY(-2px)}.result-section{margin:auto;max-width:500px;padding:20px 0 0}.dflex{display:flex;gap:10px}.edit-btn{padding:3px 8px;background:#1e3a8a;color:#fff;border:none;border-radius:3px;cursor:pointer}.deleteOne-btn{padding:3px 8px;background:#d32529;color:#fff;border:none;border-radius:3px;cursor:pointer}.result-list-box{margin:auto;max-width:500px;padding:20px;display:flex;gap:2px;justify-content:space-between;flex-wrap:wrap}.result-box{flex-basis:32%;display:flex;border:1px solid #fff;flex-direction:column;color:#fff}.result-box h4{font-size:30px;color:#fff;margin:10px 0;text-align:center}.result-box h4 span{display:block;font-size:33px!important;color:#ff0;font-weight:800}.date-set{margin:auto;max-width:300px;padding:5px;border:1px solid #fff;text-align:center}.date-set h4{margin:0 0 3px;font-size:16px;font-weight:700;color:#fff}.date-set input{width:92%;border:1px solid #222;border-radius:none;padding:6px 9px;font-size:14px;font-weight:700}.result-table{margin:10px auto auto;max-width:700px}.result-table th{padding:7px 10px;background:#004288;color:#fff;border:1px solid #fff;font-size:20px}.result-table td{padding:5px 10px;color:#000;border:1px solid #fff;text-align:center;font-weight:700;font-size:20px;color:#f1f216}.result-table p{text-align:center}.time-bg{color:#fff!important}.next-draw{text-align:center;color:#fff;font-size:22px;text-transform:uppercase;font-weight:700;padding-top:20px;padding-bottom:20px}.selected-date{padding:10px;margin:12px 0;display:flex;align-items:center;justify-content:space-between;background:#ffafb6}.selected-date h3{margin:0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background-color:#fff;padding:20px;border-radius:10px;width:400px;max-width:90%;box-shadow:0 5px 15px #0000004d;text-align:center;animation:fadeIn .3s ease-in-out}.modal-content h2{margin-bottom:10px;margin-top:0}.modal-content p{margin-bottom:20px;color:#555}.modal-foot{margin-top:20px;display:flex;justify-content:end}.close-btn{padding:8px 16px;background-color:#333;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s;margin-right:12px}.close-btn:hover{background-color:#111}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media screen and (max-width:1100px){.header-title{font-size:3.2rem}}@media screen and (max-width:1024px){.header-title{font-size:3rem}}@media screen and (max-width:920px){.header-title{font-size:2.8rem}.result-box h4{font-size:27px}.result-box h4 span{font-size:30px!important}.result-box{flex-basis:42%}}@media screen and (max-width:768px){.header-title{font-size:2.5rem}.result-box{flex-basis:44%}.result-box h4{font-size:24px}.result-box h4 span{font-size:27px!important}}@media screen and (max-width:620px){.result-box{flex-basis:46%}.header-title{font-size:2.3rem}.result-box h4{font-size:21px}.result-box h4 span{font-size:24px!important}}ul{list-style:none}a{color:#ff7853;text-decoration:none}.login-page{margin:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#76838f;background:#195974;background-size:cover;font-family:Poppins,sans-serif}.login-form{width:27%;margin-left:30px;margin-bottom:50px;padding:25px 30px;border-radius:15px;background:#fff;border:8px solid #dbdbdb}.login-form p{margin-top:15px}.dashe{min-height:500px!important}.login-logo{width:250px;display:block;margin:auto}.login-form h2{font-size:25px;font-weight:400;color:#099ad6;padding:7px;text-align:center;margin-top:8px;font-weight:700}.login-form label{display:block;text-align:left;margin-bottom:4px;margin-top:12px;color:#666}.login-form input[type=text],.login-form input[type=number],.login-form input[type=password]{width:94%;padding:8px 10px;border:1px solid #808080;border-radius:7px;outline:none}.warn-msg,.sucs-msg{display:block;padding:8px 10px;text-align:center;font-size:14px;margin-bottom:10px}.admins a:hover{color:#000!important}.warn-msg{background:#ffafb6;color:#561d16}.sucs-msg{background:#0dc143;color:#acffc5}.check-box{display:flex;gap:7px}.check-box input[type=checkbox]{margin-top:12px}.login-form .login-btn{display:block;padding:15px 0;text-align:center;width:100%;cursor:pointer;margin-top:20px;border-radius:7px;border:none;background:#099ad6;color:#fff}.trans-bg{display:none}.footer{background:#111827;color:#d1d5db;text-align:center;padding:15px 0;font-size:14px;letter-spacing:.3px;position:relative;margin-top:30px;width:100%}.creator{color:#facc15;font-weight:600}.footer p{margin:0}.main-header{display:flex;justify-content:space-between;align-items:center;background:#1e3a8a;padding:15px 40px;color:#fff;box-shadow:0 2px 10px #0000001a}.logo{font-size:1.5rem;font-weight:700;letter-spacing:.5px}.nav-menu ul{list-style:none;display:flex;gap:25px;margin:0;padding:0}.nav-menu a{color:#fff;text-decoration:none;font-weight:500;font-size:1rem;transition:.3s}.nav-menu a:hover{color:#facc15}.add-record{margin:20px auto;max-width:600px;min-height:500px;padding:10px 20px 20px;background:#fff;border-radius:6px}.breaker{display:block;clear:both;height:10px}.record-delete{display:block;padding:10px;border-radius:5px;background:#ffafb6;color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center}.delete-btn{padding:8px 24px;background:#d32529;color:#fff;border:none;border-radius:6px;font-size:18px;font-weight:600;cursor:pointer;transition:.3s ease}.record-history{margin:auto;max-width:500px;text-align:center;color:#fff}@media(max-width:768px){.main-header{flex-direction:column}.nav-menu ul{gap:10px}.nav-menu a{font-size:12px}}