@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Chewy&family=Fredoka:wdth,wght@80.8,300..700&family=Luckiest+Guy&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Pacifico&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);*{font-family:Roboto,sans-serif}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;font-family:Open Sans,sans-serif;margin:0;padding:0}.container{text-align:center}.top-bar{background-color:#5ec2cd;height:40px}.logo{margin:10px;width:100px}.logo1,.logo2,.logo3{display:inline-block}.college-name{color:#2162ad;font-size:1.8rem;font-weight:700;margin-top:10px}.education-trust{color:#2162ad;font-size:1.2rem;font-weight:700}.accreditation{font-size:1rem;font-style:italic;margin-top:10px;padding:0 15px}.bold{font-style:normal;font-weight:700}.navbar{background-color:#eafdff;display:flex;flex-wrap:wrap;gap:90px;justify-content:center;margin-top:20px;padding:10px 0}.nav-item{cursor:pointer;font-size:1.1rem;font-weight:700;transition:color .2s}.nav-item:hover{color:#007bff}.admin-user-section{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:30px}.admin-card{background-color:#b6f2f2;border-radius:16px;box-shadow:0 4px 10px #0000001a;cursor:pointer;padding:20px;text-align:center;transition:transform .2s ease;width:250px}.admin-card:hover{transform:translateY(-5px)}.card-icon{height:auto;margin-bottom:10px;width:80px}.card-title{color:#333;font-size:1.2rem;font-weight:700}.right-image{border-radius:16px;box-shadow:0 4px 12px #0003;max-width:300px;width:100%}@media (max-width:768px){.logo{display:none}.logo1{display:block!important;height:auto;margin:10px auto;width:80px}.college-name{font-size:1.2rem;margin-top:10px}.education-trust{font-size:1rem;margin-top:5px}.accreditation{font-size:.9rem;margin-top:10px;padding:0 10px}.navbar{flex-direction:column;gap:0}.nav-item{border-top:1px solid #ccc;font-size:1rem;padding:12px 0}.admin-user-section{align-items:center;flex-direction:column;gap:20px}.admin-card{width:80%}.card-icon{width:70px}.right-image{display:none}}.vision-mission-section{align-items:center;background:linear-gradient(to bottom right,#eef2ff,#f5f7fa);display:flex;flex-direction:column;gap:2rem;padding:2rem}.section-title{color:#1e40af;font-size:2rem;margin-bottom:1rem;text-align:center}.section-text{color:#333;font-size:1.1rem;line-height:1.6;text-align:center}.mission-card,.vision-card{background-color:#fff;border-radius:20px;box-shadow:0 10px 25px #0000001a;max-width:800px;padding:2rem;transition:transform .3s ease;width:100%}.mission-card:hover,.vision-card:hover{transform:scale(1.01)}.mission-list{display:flex;flex-direction:column;gap:1rem;list-style:none;padding-left:0}.mission-list li{align-items:flex-start;color:#444;display:flex;font-size:1.05rem;gap:.75rem;line-height:1.5}.icon{font-size:1.4rem}@media (max-width:600px){.section-title{font-size:1.6rem}.mission-card,.vision-card{padding:1.5rem}.mission-list li{font-size:1rem}}.library-rules-section{align-items:center;background:linear-gradient(to bottom right,#f5f7fa,#eef2ff);display:flex;flex-direction:column;padding:2rem}.rules-card{background-color:#fff;border-radius:20px;box-shadow:0 10px 25px #00000014;max-width:800px;padding:2rem;transition:transform .3s ease;width:100%}.rules-card:hover{transform:scale(1.01)}.rules-title{color:#1e3a8a;font-size:2rem;margin-bottom:1.5rem;text-align:center}.rules-list{display:flex;flex-direction:column;gap:1.2rem;list-style:none;padding-left:0}.rules-list li{align-items:flex-start;color:#333;display:flex;font-size:1.05rem;gap:.75rem;line-height:1.6}.icon{color:#6366f1;flex-shrink:0;font-size:1.3rem;margin-top:4px}.fade-in{animation:fadeIn .8s ease-out forwards;opacity:0;transform:translateY(20px)}@media (max-width:600px){.rules-card{padding:1.5rem}.rules-title{font-size:1.6rem}.rules-list li{font-size:1rem}}.LoginPage_container__ThaA6{align-items:center;background:#f6f8fb;display:flex;height:100vh;justify-content:center;overflow:hidden;width:100%}.LoginPage_slider__t5DzW{animation:LoginPage_fadeIn__gXNOh 1s ease;background:#fff;border-radius:18px;box-shadow:0 10px 35px #00000026;display:flex;height:600px;max-width:1100px;overflow:hidden;width:85%}.LoginPage_imageSlide__6JdOw{flex:1 1;overflow:hidden;position:relative}.LoginPage_imageSlide__6JdOw img{animation:LoginPage_slideImage__uIi6w 1.2s ease forwards;height:100%;object-fit:cover;transform:scale(1.05);width:100%}.LoginPage_overlay__\+ypde{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border-radius:16px;color:#fff;left:50%;max-width:80%;padding:1.5rem 2rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.LoginPage_overlay__\+ypde h1{font-size:2rem;font-weight:700;margin-bottom:.6rem}.LoginPage_overlay__\+ypde p{font-size:1.1rem;line-height:1.5}.LoginPage_formSlide__lOAk5{align-items:center;animation:LoginPage_slideForm__vuFUi 1.2s ease forwards;background:#fff;display:flex;flex:1 1;justify-content:center}.LoginPage_formBox__AMFnj{animation:LoginPage_fadeUp__PzZQu 1.3s ease forwards;max-width:350px;text-align:center;width:80%}.LoginPage_formBox__AMFnj h2{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:1.8rem}.LoginPage_inputField__2MJDa{border:1px solid #e2e8f0;border-radius:12px;font-size:1rem;margin-bottom:1rem;padding:.9rem 1rem;transition:all .3s ease;width:100%}.LoginPage_inputField__2MJDa:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e140;outline:none}.LoginPage_loginButton__t39mM{background:linear-gradient(135deg,#4299e1,#3182ce);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.9rem;transition:all .3s ease;width:100%}.LoginPage_loginButton__t39mM:hover{background:linear-gradient(135deg,#3182ce,#2b6cb0);transform:translateY(-2px)}.LoginPage_loginButton__t39mM:active{transform:translateY(0)}@keyframes LoginPage_fadeIn__gXNOh{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes LoginPage_slideImage__uIi6w{0%{opacity:0;transform:translateX(-50px) scale(1.05)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes LoginPage_slideForm__vuFUi{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes LoginPage_fadeUp__PzZQu{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.LoginPage_slider__t5DzW{flex-direction:column;height:auto}.LoginPage_imageSlide__6JdOw{height:250px}}.dashboard-container{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;margin:50px auto;max-width:800px;padding:20px;text-align:center}h2{color:#333;font-size:28px;margin-bottom:20px}.book-table{background:#f8f9fa;border-radius:8px}.book-table td,.book-table th{border-bottom:1px solid #ddd;padding:12px 15px}.book-table th{background:#007bff;color:#fff;font-size:18px}.book-table tr:hover{background:#f1f1f1;transition:.3s}.book-table td{color:#333;font-size:16px}.add-book-container{background:linear-gradient(to bottom right,#f5faff,#e1edff);border-radius:14px;box-shadow:0 8px 24px #1e90ff1f;color:#036;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:3rem auto;max-width:600px;padding:2.5rem}.add-book-title{color:#3a6fa4;font-size:1.8rem;font-weight:600;margin-bottom:2rem;text-align:center}.add-book-form{display:flex;flex-direction:column;gap:1.2rem}@media (max-width:600px){.add-book-container{margin:2rem 1rem;padding:1.5rem}.form-input,.form-submit-btn{font-size:.95rem}}.issue-book-container{background:linear-gradient(to bottom right,#f0f8ff,#dceeff);border-radius:16px;box-shadow:0 8px 30px #007bff26;box-sizing:border-box;font-family:Segoe UI,sans-serif;margin:3rem auto;max-width:800px;padding:2rem}.issue-title{color:#1c4874;font-size:2rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.prn-input-group{display:flex;flex-direction:column;margin-bottom:1rem}.prn-input-group label{font-weight:500;margin-bottom:.5rem}.prn-input{background-color:#fff;border:1px solid #bcdfff;border-radius:10px;font-size:1rem;padding:.85rem 1rem;transition:.3s ease}.prn-input:focus{border-color:#1e90ff;box-shadow:0 0 0 4px #1e90ff33;outline:none}.toggle-book-btn{background:linear-gradient(135deg,#1e90ff,#007bff);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.toggle-book-btn:hover{background:linear-gradient(135deg,#007bff,#005dc1);transform:translateY(-2px)}.book-table-container{margin-top:2rem}.book-table-title{color:#0f3a68;font-size:1.4rem;margin-bottom:1rem;text-align:center}.book-table{box-shadow:0 4px 20px #007bff1a}.book-table td,.book-table th{border-bottom:1px solid #e6f2ff;font-size:.95rem;padding:.75rem 1rem}.book-table th{background-color:#e6f2ff;color:#036;font-weight:600}.issue-btn{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;padding:.5rem 1rem;transition:background .3s ease}.issue-btn:hover{background-color:#005dc1}@media (max-width:768px){.issue-book-container{margin:2rem 1.2rem;padding:1.5rem}.issue-title{font-size:1.6rem}.book-table-title{font-size:1.2rem}.issue-btn,.toggle-book-btn{font-size:.95rem;padding:.65rem 1.2rem}.prn-input{font-size:.95rem;padding:.75rem .9rem}}@media (max-width:480px){.issue-book-container{margin:1.5rem 1rem;padding:1.2rem}.issue-title{font-size:1.4rem}.book-table-title{font-size:1rem}.book-table td,.book-table th{font-size:.85rem;padding:.6rem .8rem}.issue-btn,.toggle-book-btn{font-size:.9rem;padding:.6rem;width:100%}.prn-input{font-size:.9rem}}.available-books{animation:scaleUp .6s ease;background-color:#fff;border-radius:20px;box-shadow:0 10px 25px #00000014;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:40px auto;max-width:1000px;padding:40px}.available-books h2{color:#036;font-size:30px;font-weight:700;letter-spacing:.5px;margin-bottom:30px;text-align:center}.search-input{background-color:#f9f9f9;border:1px solid #ccc;border-radius:30px;box-shadow:0 4px 10px #0000000d;display:block;font-size:16px;margin:0 auto 30px;max-width:420px;padding:12px 20px;transition:all .3s ease;width:100%}.search-input:focus{background-color:#fff;border-color:#004aad;box-shadow:0 0 8px #004aad4d;outline:none}.book-table{box-shadow:0 6px 15px #0000000d}.book-table thead{font-weight:600;letter-spacing:.5px}.book-table td,.book-table th{border-bottom:1px solid #e6e6e6}.book-table td button{background-color:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 14px;transition:background-color .3s ease,transform .2s ease}.book-table td button:hover{background-color:#c0392b;transform:scale(1.05)}@media (max-width:768px){.available-books{margin:20px;padding:25px}.available-books h2{font-size:24px}.book-table td,.book-table th{font-size:14px;padding:10px}.search-input{font-size:15px;max-width:100%}.book-table td button{padding:6px 12px}}@media (max-width:480px){.available-books{margin:15px;padding:20px}.available-books h2{font-size:20px}.book-table td,.book-table th{font-size:13px;padding:8px}.search-input{border-radius:25px;font-size:14px;padding:10px 14px}.book-table td button{font-size:13px;padding:5px 10px}}.edit-book-container{background:linear-gradient(to bottom right,#f9fbff,#e3efff);border-radius:14px;box-shadow:0 8px 24px #1e90ff1a;box-sizing:border-box;color:#036;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:3rem auto;max-width:600px;padding:2.5rem}.edit-book-title{color:#16538f;font-size:1.8rem;font-weight:600;margin-bottom:2rem;text-align:center}.edit-book-form{display:flex;flex-direction:column;gap:1.2rem}.form-input{background-color:#fff;border:1px solid #cce0ff;border-radius:10px;font-size:1rem;padding:.85rem 1rem;transition:all .3s ease}.form-input:focus{border-color:#1e90ff;box-shadow:0 0 0 4px #1e90ff33;outline:none}.form-submit-btn{background:linear-gradient(135deg,#1e90ff,#07f);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:500;padding:.9rem;transition:background .3s ease,transform .2s ease}.form-submit-btn:hover{background:linear-gradient(135deg,#07f,#005fcc);transform:translateY(-2px)}@media (max-width:768px){.edit-book-container{margin:2.5rem 1.5rem;padding:2rem}.edit-book-title{font-size:1.6rem}.form-input,.form-submit-btn{font-size:.95rem;padding:.75rem .9rem}}@media (max-width:480px){.edit-book-container{margin:2rem 1rem;padding:1.5rem}.edit-book-title{font-size:1.4rem}.form-input,.form-submit-btn{font-size:.9rem;padding:.7rem .85rem}.form-submit-btn{font-weight:600;letter-spacing:.3px}}.return-book-container{background-color:#fff;border-radius:12px;box-shadow:0 0 15px #0000001a;box-sizing:border-box;color:#333;font-family:Segoe UI,sans-serif;margin:40px auto;max-width:900px;padding:30px}.return-book-container h2{color:#1b375f;font-size:28px;font-weight:700;margin-bottom:25px;text-align:center}.form-group{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.form-group input{background-color:#f1f9ff;border:1px solid #c5dbe3;border-radius:8px;box-sizing:border-box;color:#333;font-size:16px;padding:12px;width:250px}.form-group input::placeholder{color:#999}.form-group button{background-color:#287a97;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s ease;width:250px}.form-group button:hover{background-color:#0090d9}.table-container{margin-top:20px}table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 0 10px #0000001a;min-width:600px;overflow:hidden;width:100%}thead{background-color:#00b0f0;color:#fff;text-transform:uppercase}td,th{border-bottom:1px solid #ddd;padding:12px;text-align:left}tbody tr:hover{background-color:#f1f9ff}.return-btn{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:6px 12px;transition:background-color .3s ease}.return-btn:hover{background-color:#c82333}.no-books{color:#555;margin-top:20px;text-align:center}button:disabled{background-color:silver;cursor:not-allowed}@media (max-width:768px){.return-book-container{margin:20px 10px;padding:20px}.return-book-container h2{font-size:24px}.form-group button,.form-group input{max-width:100%;width:100%}table{font-size:14px;min-width:100%}td,th{padding:10px}}@media (max-width:480px){.return-book-container{padding:15px}.return-book-container h2{font-size:20px}.form-group{flex-direction:column;gap:10px}.form-group button,.form-group input{width:100%}table{font-size:13px}.return-btn{font-size:.85rem;padding:6px 10px}.no-books{font-size:.95rem}}.overdue-books{animation:fadeIn .8s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:40px}.overdue-card{animation:scaleUp .6s ease;background-color:#fff;border-radius:20px;box-shadow:0 10px 25px #00000014;margin:0 auto;max-width:1100px;padding:40px}.overdue-card h2{color:#036;font-size:28px;font-weight:700;margin-bottom:30px;text-align:center}.overdue-card .highlight{color:#e74c3c}.table-container{overflow-x:auto}.book-table{background-color:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 6px 12px #0000000d;overflow:hidden;width:100%}.book-table thead{background-color:#00b0f0;color:#fff;text-transform:uppercase}.book-table td,.book-table th{border-bottom:1px solid #eaeaea;font-size:15px;padding:14px 18px;text-align:left}.book-table tbody tr:hover{background-color:#f0f6ff;transition:background-color .3s ease}.no-data{color:#555;font-size:16px;margin-top:20px;text-align:center}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.overdue-card{padding:25px}.overdue-card h2{font-size:24px}.book-table td,.book-table th{font-size:14px;padding:10px}}@media (max-width:480px){.overdue-card{padding:20px}.overdue-card h2{font-size:20px}.book-table td,.book-table th{font-size:13px;padding:8px}.no-data{font-size:14px}}.analysis-container{align-items:center;animation:fadeIn .8s ease;background:linear-gradient(135deg,#f0f6ff,#e4edff);box-sizing:border-box;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:flex-start;min-height:100vh;padding:40px 20px}.analysis-heading{color:#036;font-size:30px;font-weight:700;letter-spacing:.5px;margin-bottom:30px;text-align:center}.chart-wrapper{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 10px 25px #00000014;display:flex;justify-content:center;max-width:600px;padding:40px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.chart-wrapper:hover{box-shadow:0 14px 35px #0000001a;transform:scale(1.02)}.recharts-default-tooltip{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px}@media (max-width:768px){.analysis-heading{font-size:24px;margin-bottom:20px}.chart-wrapper{padding:25px}}@media (max-width:480px){.analysis-heading{font-size:20px;margin-bottom:16px}.chart-wrapper{padding:20px}}.most-issued-container{align-items:center;background:linear-gradient(135deg,#f7f9fd,#e6ecf8);box-sizing:border-box;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:40px 20px}.most-issued-heading{color:indigo;font-size:28px;margin-bottom:20px;text-align:center}.chart-box{background-color:#fff;border-radius:16px;box-shadow:0 8px 25px #0000001a;box-sizing:border-box;max-width:900px;padding:30px;transition:transform .3s;width:100%}.chart-box:hover{transform:scale(1.02)}.status-message{color:#333;font-size:18px;margin-top:30px;text-align:center}.error-message{color:red;text-align:center}@media (max-width:768px){.most-issued-container{padding:30px 15px}.most-issued-heading{font-size:24px}.chart-box{padding:20px}.status-message{font-size:16px}}@media (max-width:480px){.most-issued-container{padding:25px 10px}.most-issued-heading{font-size:20px;margin-bottom:15px}.chart-box{border-radius:12px;padding:15px}.error-message,.status-message{font-size:15px}}.dashboard-wrapper{display:flex;flex-direction:row;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;overflow:hidden}.sidebar{animation:slideInLeft .6s ease;background:linear-gradient(90deg,#036,#05a);box-shadow:2px 0 12px #0000001a;color:#fff;overflow-y:auto;padding:30px 20px;width:260px}.sidebar-title{font-size:24px;font-weight:700;letter-spacing:.5px;margin-bottom:40px;text-align:center}.menu{display:flex;flex-direction:column;gap:16px}.menu-item{align-items:center;background-color:initial;border-radius:12px;cursor:pointer;display:flex;font-weight:500;gap:12px;padding:12px 16px;position:relative;transition:all .3s ease}.menu-item:hover{background-color:#ffffff26;transform:translateX(6px)}.menu-item svg{font-size:18px}.menu-item.active{background-color:#ffffff40;box-shadow:inset 0 0 6px #fff3}.main-content{animation:fadeIn 1s ease;background-color:#f0f6ff;flex-grow:1;overflow-y:auto;padding:60px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.dashboard-wrapper{flex-direction:column}.sidebar{box-shadow:none;height:auto;padding:20px 15px;position:relative;text-align:center;width:100%}.menu{flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center}.menu-item{background-color:#ffffff1a;border-radius:20px;font-size:14px;padding:8px 12px}.main-content{padding:20px}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.category-box{animation:fadeSlideIn .7s ease forwards;background:linear-gradient(145deg,#f9fafb,#e5e7eb);border-radius:20px;box-shadow:0 12px 24px #0000001a;margin:2rem auto;max-width:320px;padding:24px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.category-box:hover{box-shadow:0 16px 30px #00000026;transform:translateY(-4px) scale(1.02)}.category-title{color:#1f2937;font-size:1.5rem;line-height:1.3;margin-bottom:12px}.category-title:after{background-color:#2563eb;margin:8px auto 0;width:50px}.category-count{color:#2563eb;font-size:2.25rem;font-weight:800;line-height:1.2;margin-top:10px;transition:transform .3s ease}.category-box:hover .category-count{transform:scale(1.1)}.error-text{animation:fadeSlideIn .5s ease forwards;color:#ef4444;font-size:1rem;font-weight:600;margin-top:1rem;padding:0 1rem;text-align:center}@media (max-width:480px){.category-box{margin:1.5rem auto;max-width:90%;padding:20px 16px}.category-title{font-size:1.25rem;margin-bottom:10px}.category-title:after{height:2px;margin-top:6px;width:40px}.category-count{font-size:1.75rem}.error-text{font-size:.95rem}}.category-list-box{animation:fadeInUp .6s ease forwards;background:linear-gradient(135deg,#fdfbfb,#ebedee);border-radius:20px;box-shadow:0 10px 25px #0000001a;margin:2rem auto;max-width:600px;padding:2rem;transition:transform .3s ease}.category-list-box:hover{transform:scale(1.01)}.category-title{color:#333;font-size:2rem;font-weight:700;margin-bottom:1.5rem;position:relative;text-align:center}.category-title:after{background-color:#6c63ff;border-radius:2px;content:"";display:block;height:3px;margin:10px auto 0;width:60px}.category-list{list-style:none;margin:0;padding:0}.category-item{align-items:center;animation:fadeInUp .4s ease forwards;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;margin-bottom:.75rem;opacity:0;padding:1rem;transform:translateY(20px);transition:background-color .2s ease,transform .3s ease}.category-item:first-child{animation-delay:.1s}.category-item:nth-child(2){animation-delay:.2s}.category-item:nth-child(3){animation-delay:.3s}.category-item:nth-child(4){animation-delay:.4s}.category-item:nth-child(5){animation-delay:.5s}.category-item:hover{background-color:#f0f4ff;transform:scale(1.02)}.category-item strong{color:#333;font-size:1.1rem;font-weight:600}.category-item span{color:#6c63ff;font-size:1rem;font-weight:600}@media (max-width:768px){.category-list-box{margin:1.5rem;padding:1.5rem}.category-title{font-size:1.7rem}.category-item{gap:.5rem;padding:.85rem 1rem}.category-item strong{font-size:1rem}.category-item span{font-size:.95rem}}@media (max-width:480px){.category-list-box{margin:1rem;padding:1rem}.category-title{font-size:1.4rem}.category-item{align-items:flex-start;flex-direction:column;padding:.75rem .85rem}.category-item span{align-self:flex-end;font-size:.9rem}.category-item strong{font-size:.95rem}}.admin-report{background:linear-gradient(135deg,#f5f7fa,#e4ecf7);box-sizing:border-box;font-family:Segoe UI,sans-serif;min-height:100vh;padding:2rem}.admin-report-header{align-items:center;background:#fff;border-radius:1rem;box-shadow:0 6px 20px #0000000f;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.admin-report-header h1{color:#2a2f45;font-size:2rem;font-weight:700;margin:0}.download-btn{background-color:#4f46e5;border:none;border-radius:.75rem;box-shadow:0 4px 12px #4f46e54d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.download-btn:hover{background-color:#3730a3}.report-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.card{animation:fadeInUp .4s ease forwards;background-color:#fff;border-radius:1.25rem;box-shadow:0 6px 20px #0000000d;max-width:100%;opacity:0;overflow-x:auto;padding:1.75rem 1.5rem;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 10px 28px #00000014;transform:translateY(-4px)}.card:first-child{animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.most-issued-section{animation:fadeInUp .5s ease forwards;background-color:#fff;border-radius:1.25rem;box-shadow:0 6px 20px #0000000d;margin-top:2rem;opacity:0;padding:2rem 1.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.admin-report-header{align-items:flex-start;flex-direction:column}.admin-report-header h1{font-size:1.75rem}.download-btn{text-align:center;width:100%}.report-content{grid-template-columns:1fr}.most-issued-section{margin-top:1.5rem;padding:1.25rem}}@media (max-width:480px){.admin-report{padding:1rem}.admin-report-header h1{font-size:1.5rem}.card{padding:1.25rem}}.excel-upload{background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014;display:flex;flex-direction:column;gap:1.2rem;margin:3rem auto;max-width:500px;padding:2rem;transition:all .3s ease-in-out}.excel-upload h2{color:#2d3748;font-size:1.8rem;font-weight:600;text-align:center}.excel-upload label{color:#4a5568;font-size:.95rem;font-weight:500;margin-bottom:.3rem}.excel-upload input[type=file],.excel-upload select{background:#f9fafb;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.95rem;outline:none;padding:.7rem 1rem;transition:border-color .2s ease,background .2s ease;width:100%}.excel-upload input[type=file]:hover,.excel-upload select:hover{background:#fff;border-color:#4299e1}.excel-upload button.upload{background:linear-gradient(135deg,#4299e1,#3182ce);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1rem;transition:all .3s ease-in-out;width:100%}.excel-upload button.upload:hover:not(.disabled){background:linear-gradient(135deg,#3182ce,#2b6cb0);box-shadow:0 6px 14px #0000001a;transform:translateY(-2px)}.excel-upload button.upload.disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:600px){.excel-upload{gap:1rem;margin:1rem;padding:1.5rem}.excel-upload h2{font-size:1.5rem}}
/*# sourceMappingURL=main.b7819aa7.css.map*/