body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Malgun Gothic,sans-serif;font-size:14px;line-height:1.5;margin:0}body,code{color:#2f3640}code{background:#99cc0014;border-radius:4px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-size:.9em;padding:2px 6px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f3f4}::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9c0}::selection{background:#9c03;color:#2f3640}::-moz-selection{background:#9c03;color:#2f3640}:focus{outline:2px solid #9c0;outline-offset:2px}a{color:#9c0;text-decoration:none;transition:color .2s ease}a:hover{color:#7aa600;text-decoration:underline}button{background:none;border:none;cursor:pointer;font-family:inherit;margin:0;padding:0}input,select,textarea{color:#2f3640;font-family:inherit;font-size:inherit;line-height:inherit}input::placeholder,textarea::placeholder{color:#9aa0a6}img{height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{color:#2f3640;font-weight:600;line-height:1.3}p{color:#5f6368;margin-bottom:16px}@media (min-width:768px){body{font-size:15px}::-webkit-scrollbar{width:12px}}@media (min-width:1024px){body{font-size:16px}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.app-container{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:400px;min-height:100vh;padding:20px}@media (min-width:768px){.app-container{max-width:800px;padding:40px}}@media (min-width:1024px){body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-attachment:fixed}.app-container{justify-content:flex-start;max-width:1000px;padding:80px 60px 60px}}@media (min-width:1200px){.app-container{max-width:1200px}}.header{margin-bottom:40px;text-align:center}@media (min-width:768px){.header{margin-bottom:50px}}@media (min-width:1024px){.header{margin-bottom:60px}}.logo{align-items:center;background:linear-gradient(135deg,#9c0,#7ab300);border-radius:20px;box-shadow:0 8px 32px #99cc004d;display:flex;height:80px;justify-content:center;margin:0 auto 20px;transition:transform .3s ease;width:80px}.logo:hover{transform:scale(1.05)}@media (min-width:768px){.logo{border-radius:25px;height:100px;margin-bottom:25px;width:100px}.logo-icon{font-size:42px}}.logo-icon{color:#fff;font-size:36px}.title{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:8px}.subtitle{color:#7f8c8d;font-size:16px;font-weight:400}@media (min-width:768px){.title{font-size:36px;margin-bottom:12px}.subtitle{font-size:18px}}@media (min-width:1024px){.title{font-size:42px;margin-bottom:16px}.subtitle{font-size:20px}}.card{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 60px #0000001a;padding:32px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 25px 80px #00000026;transform:translateY(-5px)}@media (min-width:768px){.card{border-radius:30px;padding:40px}}@media (min-width:1024px){.card{border-radius:35px;padding:50px}}.form-group{margin-bottom:24px}@media (min-width:768px){.form-group{margin-bottom:30px}}@media (min-width:1024px){.student-form{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.form-group{margin-bottom:0}.submit-btn{grid-column:1/-1;margin-left:auto;margin-right:auto;margin-top:10px;max-width:300px}.book-sections-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.book-sections-container .book-section{margin-bottom:0}}.form-label{color:#555;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-input{background:#f8f9fa;border:2px solid #e8ecef;border-radius:16px;font-size:16px;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.form-input:focus{background:#fff;border-color:#9c0;box-shadow:0 0 0 4px #99cc001a}@media (min-width:768px){.form-label{font-size:16px;margin-bottom:10px}.form-input{border-radius:18px;font-size:18px;padding:18px 24px}}.submit-btn{background:linear-gradient(135deg,#9c0,#7ab300);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-bottom:20px;padding:18px;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 12px 40px #9c06;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}@media (min-width:768px){.submit-btn{border-radius:18px;font-size:20px;margin-bottom:25px;padding:20px}.submit-btn:hover:not(:disabled){box-shadow:0 15px 50px #99cc0080;transform:translateY(-3px)}}.admin-link{background:#99cc000d;border:2px solid #9c0;border-radius:12px;color:#9c0;display:block;font-weight:500;padding:12px;text-align:center;text-decoration:none;transition:all .3s ease}.admin-link:hover{background:#9c0;color:#fff;transform:translateY(-1px)}.error-message{background:#fee;border-left:4px solid #e74c3c;color:#c33}.error-message,.success-message{animation:fadeInUp .6s ease-out;border-radius:12px;font-size:14px;margin-top:20px;padding:16px}.success-message{background:#efe;border-left:4px solid #27ae60;color:#27ae60}.student-info{animation:fadeInUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 15px 50px #0000001a;margin-top:30px;padding:24px;transition:transform .3s ease}.student-info:hover{transform:translateY(-2px)}@media (min-width:768px){.student-info{border-radius:25px;margin-top:40px;padding:35px}}@media (min-width:1024px){.student-info{border-radius:30px;margin-top:50px;padding:45px}.book-sections-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.book-sections-container .book-section{margin-bottom:0}}.student-header{border-bottom:2px solid #f1f3f4;margin-bottom:24px;padding-bottom:16px;position:relative;text-align:center}.student-name{color:#2c3e50;font-size:22px;font-weight:700;margin-bottom:8px}.unpaid-total{color:#e74c3c;font-size:28px;font-weight:800;margin-bottom:4px}.unpaid-label{color:#7f8c8d;font-size:14px;margin-bottom:16px}.new-search-btn{background:linear-gradient(135deg,#9c0,#7ab300);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:10px 20px;transition:all .3s ease}.new-search-btn:hover{box-shadow:0 8px 24px #9c06;transform:translateY(-1px)}@media (min-width:768px){.student-header{margin-bottom:30px;padding-bottom:20px}.student-name{font-size:26px;margin-bottom:10px}.unpaid-total{font-size:34px;margin-bottom:6px}.unpaid-label{font-size:16px}}@media (min-width:1024px){.student-header{margin-bottom:40px;padding-bottom:25px}.student-name{font-size:30px;margin-bottom:12px}.unpaid-total{font-size:40px;margin-bottom:8px}.unpaid-label{font-size:18px}}.book-section{margin-bottom:24px}.section-title{align-items:center;color:#555;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:12px}.book-list{background:#f8f9fa;border-radius:12px;padding:12px}.book-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;transition:transform .2s ease,box-shadow .2s ease}.book-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.book-item:last-child{margin-bottom:0}.book-name{color:#2c3e50;flex:1 1;font-weight:500}.book-price{color:#e74c3c;font-weight:600}.paid-book .book-price{color:#27ae60}@media (min-width:768px){.book-section{margin-bottom:30px}.section-title{font-size:18px;margin-bottom:15px}.book-list{border-radius:15px;padding:16px}.book-item{border-radius:10px;margin-bottom:10px;padding:16px}.book-name,.book-price{font-size:16px}}@media (min-width:1024px){.book-item{align-items:center;display:flex;justify-content:space-between;padding:20px}.book-name{flex:1 1;font-size:17px;text-align:left}.book-price{font-size:17px;font-weight:700;white-space:nowrap}}.account-info{background:linear-gradient(135deg,#9c0,#7ab300);border-radius:16px;color:#fff;margin-top:20px;padding:20px;text-align:center;transition:transform .3s ease}.account-info:hover{transform:translateY(-2px)}.account-info h3{font-size:16px;margin-bottom:12px}.account-details{font-size:18px;font-weight:600}@media (min-width:768px){.account-info{border-radius:20px;margin-top:30px;padding:25px}.account-info h3{font-size:18px;margin-bottom:15px}.account-details{font-size:20px}}@media (min-width:1024px){.account-info{border-radius:25px;grid-column:1/-1;margin-left:auto;margin-right:auto;margin-top:40px;max-width:600px;padding:35px}.account-info h3{font-size:20px;margin-bottom:18px}.account-details{font-size:22px;line-height:1.4}}@media (max-width:480px){.app-container{padding:16px}.card{padding:24px}.title{font-size:24px}}@media screen and (max-width:767px){.form-input{font-size:16px}}.admin-page *{box-sizing:border-box;margin:0;padding:0}.admin-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.admin-page .admin-container{margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.admin-page .admin-login-card{animation:fadeInUp .6s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000001a;margin-top:10vh;padding:50px;text-align:center}.admin-page .admin-logo{align-items:center;background:linear-gradient(135deg,#9c0,#7ab300);border-radius:25px;box-shadow:0 8px 32px #99cc004d;display:flex;height:100px;justify-content:center;margin:0 auto 30px;width:100px}.admin-page .admin-logo-icon{color:#fff;font-size:42px}.admin-page .admin-login-title{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:12px}.admin-page .admin-login-subtitle{color:#7f8c8d;font-size:16px;line-height:1.5;margin-bottom:40px}.admin-page .admin-login-form{text-align:left}.admin-page .admin-login-btn{background:linear-gradient(135deg,#9c0,#7ab300);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:20px;padding:18px;transition:all .3s ease;width:100%}.admin-page .admin-login-btn:hover:not(:disabled){box-shadow:0 12px 40px #9c06;transform:translateY(-2px)}.admin-page .admin-login-btn:disabled{cursor:not-allowed;opacity:.7}.admin-page .login-info{background:#e8f4fd;border-radius:12px;color:#2980b9;font-size:14px;margin-top:30px;padding:20px}.admin-page .admin-header{animation:fadeInUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:30px;padding:30px}.admin-page .admin-header-content{align-items:center;display:flex;justify-content:space-between}.admin-page .admin-title{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:8px}.admin-page .total-unpaid{color:#7f8c8d;font-size:16px}.admin-page .total-unpaid .amount{color:#e74c3c;font-size:24px;font-weight:800}.admin-page .logout-btn{background:#e74c3c;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.admin-page .logout-btn:hover{background:#c0392b;transform:translateY(-1px)}.admin-page .admin-card{animation:fadeInUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:30px;padding:30px}.admin-page .section-title{align-items:center;color:#2c3e50;display:flex;font-size:20px;font-weight:600;gap:8px;margin-bottom:20px}.admin-page .subsection-title{align-items:center;color:#555;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:15px}.admin-page .form-group{margin-bottom:20px}.admin-page .form-label{color:#555;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.admin-page .form-input{background:#f8f9fa;border:2px solid #e8ecef;border-radius:12px;font-size:16px;outline:none;padding:14px 18px;transition:all .3s ease;width:100%}.admin-page .form-input:focus{background:#fff;border-color:#9c0;box-shadow:0 0 0 4px #99cc001a}.admin-page .search-container{position:relative}.admin-page .search-input{background:#f8f9fa;border:2px solid #e8ecef;border-radius:16px;font-size:16px;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.admin-page .search-input:focus{background:#fff;border-color:#9c0;box-shadow:0 0 0 4px #99cc001a}.admin-page .search-results{background:#fff;border:1px solid #ddd;border-radius:0 0 16px 16px;border-top:none;box-shadow:0 8px 32px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.admin-page .search-result-item{border-bottom:1px solid #f1f1f1;cursor:pointer;padding:15px 20px;transition:background-color .2s ease}.admin-page .search-result-item:hover{background:#f8f9fa}.admin-page .search-result-item:last-child{border-bottom:none}.admin-page .student-info{align-items:center;display:flex;gap:8px}.admin-page .student-name{color:#2c3e50;font-weight:600}.admin-page .student-code{color:#7f8c8d;font-size:14px}.admin-page .no-results{padding:20px;text-align:center}.admin-page .no-results-text{color:#7f8c8d;margin-bottom:15px}.admin-page .add-student-btn{background:linear-gradient(135deg,#9c0,#7ab300);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.admin-page .add-student-btn:hover:not(:disabled){box-shadow:0 8px 24px #9c06;transform:translateY(-1px)}.admin-page .add-student-btn:disabled{cursor:not-allowed;opacity:.7}.admin-page .student-header{border-bottom:2px solid #f1f3f4;margin-bottom:25px;padding-bottom:20px}.admin-page .student-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:15px}.admin-page .summary-item{background:#f8f9fa;border-left:4px solid #9c0;border-radius:12px;padding:15px;text-align:center;transition:transform .2s ease}.admin-page .summary-item:hover{transform:translateY(-2px)}.admin-page .summary-item.unpaid{background:linear-gradient(135deg,#fff5f5,#fdf2f2);border-left-color:#e74c3c}.admin-page .summary-item label{color:#7f8c8d;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.admin-page .summary-item span{color:#2c3e50;font-size:18px;font-weight:700}.admin-page .summary-item.unpaid span{color:#e74c3c}.admin-page .book-add-section{background:#f0f8ff;border-left:4px solid #9c0;border-radius:16px;margin-bottom:30px;padding:25px}.admin-page .book-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr 1fr;margin-bottom:20px}.admin-page .book-name-container{position:relative}.admin-page .book-suggestions{background:#fff;border:1px solid #ddd;border-radius:0 0 12px 12px;border-top:none;box-shadow:0 8px 32px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.admin-page .book-suggestion-item{align-items:center;border-bottom:1px solid #f1f1f1;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s ease}.admin-page .book-suggestion-item:hover{background:#f8f9fa}.admin-page .book-suggestion-item:last-child{border-bottom:none}.admin-page .book-title{color:#2c3e50;font-weight:500}.admin-page .recent-price{color:#27ae60;font-size:12px;font-weight:600}.admin-page .add-book-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 30px;transition:all .3s ease}.admin-page .add-book-btn:hover:not(:disabled){box-shadow:0 8px 24px #27ae6066;transform:translateY(-2px)}.admin-page .add-book-btn:disabled{cursor:not-allowed;opacity:.7}.admin-page .books-section{margin-bottom:30px}.admin-page .unpaid-section{background:linear-gradient(135deg,#fff5f5,#fdf2f2);border-left:4px solid #e74c3c;border-radius:16px;padding:25px}.admin-page .paid-section{background:linear-gradient(135deg,#f8fff8,#f0fff0);border-left:4px solid #27ae60;border-radius:16px;padding:25px}.admin-page .books-list{display:flex;flex-direction:column;gap:15px}.admin-page .book-item{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:20px;transition:all .3s ease}.admin-page .book-item:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.admin-page .unpaid-book{border-left:4px solid #e74c3c}.admin-page .paid-book{border-left:4px solid #27ae60}.admin-page .book-main-info{flex:1 1}.admin-page .book-item .book-title{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:8px}.admin-page .book-details{display:flex;flex-wrap:wrap;font-size:14px;gap:12px}.admin-page .book-price{background:#fee;border-radius:8px;color:#e74c3c;font-weight:600;padding:4px 8px}.admin-page .book-price.paid{background:#efe;color:#27ae60}.admin-page .book-date,.admin-page .payment-date{background:#f8f9fa;border-radius:8px;color:#7f8c8d;padding:4px 8px}.admin-page .payment-date{background:#e8f5e8;color:#27ae60}.admin-page .payment-controls{align-items:center;display:flex;gap:12px;margin-top:15px}.admin-page .payment-date-input{border:2px solid #ddd;border-radius:8px;font-size:14px;padding:8px 12px;transition:border-color .3s ease}.admin-page .payment-date-input:focus{border-color:#9c0;outline:none}.admin-page .mark-paid-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.admin-page .mark-paid-btn:hover:not(:disabled){box-shadow:0 4px 12px #27ae6066;transform:translateY(-1px)}.admin-page .mark-paid-btn:disabled{cursor:not-allowed;opacity:.7}.admin-page .admin-message{animation:slideInDown .3s ease-out;border-radius:12px;font-weight:600;margin-bottom:20px;padding:16px 20px}.admin-page .admin-message.success{background:#d4edda;border-left:4px solid #27ae60;color:#155724}.admin-page .admin-message.error,.admin-page .error-message{background:#f8d7da;border-left:4px solid #e74c3c;color:#721c24}.admin-page .error-message{border-radius:8px;font-size:14px;margin:15px 0;padding:12px 16px}@media (min-width:768px){.admin-page .admin-container,.admin-page .admin-header{padding:40px}.admin-page .admin-title{font-size:32px}.admin-page .total-unpaid .amount{font-size:28px}.admin-page .admin-card{padding:40px}}@media (min-width:1024px){.admin-page .admin-container{max-width:1200px;padding:60px}.admin-page .book-form-row{grid-template-columns:3fr 1fr 1fr}.admin-page .student-summary{grid-template-columns:repeat(3,1fr)}.admin-page .books-sections-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.admin-page .books-sections-container .books-section{margin-bottom:0}}@media (max-width:768px){.admin-page .admin-container{padding:15px}.admin-page .admin-header-content{flex-direction:column;gap:20px;text-align:center}.admin-page .book-form-row,.admin-page .student-summary{grid-template-columns:1fr}.admin-page .payment-controls{align-items:stretch;flex-direction:column}.admin-page .admin-login-card{margin-top:5vh;padding:30px 20px}.admin-page .admin-login-title{font-size:24px}.admin-page .admin-logo{height:80px;width:80px}.admin-page .admin-logo-icon{font-size:36px}}@media (max-width:480px){.admin-page .admin-container{padding:10px}.admin-page .admin-card,.admin-page .admin-header{padding:20px}.admin-page .form-input{font-size:16px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.admin-page{scroll-behavior:smooth}.admin-page .loading{opacity:.7;pointer-events:none}.admin-page button:focus,.admin-page input:focus{outline:2px solid #9c0;outline-offset:2px}
/*# sourceMappingURL=main.7f420d65.css.map*/