@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);transition:var(--transition);flex-direction:column;flex:1;display:flex}.page-content{flex:1;padding:24px;overflow-y:auto}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);height:100vh;color:var(--text-white);z-index:100;flex-direction:column;transition:transform .3s;display:flex;position:fixed;top:0;left:0}.sidebar-overlay{display:none}.sidebar-header{border-bottom:1px solid #ffffff14;padding:20px}.sidebar-brand{align-items:center;gap:12px;display:flex}.brand-icon{color:var(--accent);font-size:28px}.sidebar-brand h2{margin:0;font-size:16px;font-weight:700;line-height:1.3}.sidebar-brand span{color:var(--text-muted);font-size:11px;display:block}.sidebar-close{color:var(--text-white);cursor:pointer;background:0 0;border:none;font-size:22px;display:none}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.sidebar-link{border-radius:var(--radius);color:var(--text-muted);transition:var(--transition);align-items:center;gap:12px;margin-bottom:2px;padding:11px 16px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--bg-sidebar-hover);color:var(--text-white)}.sidebar-link-active{background:var(--primary);color:#fff!important}.sidebar-link-icon{font-size:20px;display:flex}.sidebar-footer{border-top:1px solid #ffffff14;padding:16px}.sidebar-user{align-items:center;gap:10px;margin-bottom:12px;display:flex}.sidebar-user-avatar{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex}.sidebar-user-name{margin:0;font-size:13px;font-weight:600}.sidebar-user-role{color:var(--text-muted);text-transform:capitalize;margin:0;font-size:11px}.sidebar-logout{border-radius:var(--radius);color:#fca5a5;cursor:pointer;width:100%;transition:var(--transition);background:#ef44441a;border:1px solid #ef444433;align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:flex}.sidebar-logout:hover{color:#fecaca;background:#ef444433}.navbar{background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:50;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.navbar-left{align-items:center;gap:12px;display:flex}.navbar-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;font-size:24px;display:none}.navbar-title{color:var(--primary);font-size:16px;font-weight:600}.navbar-right{align-items:center;gap:12px;display:flex}.navbar-greeting{color:var(--text-secondary);font-size:14px}.navbar-role-badge{text-transform:uppercase;letter-spacing:.5px;background:var(--primary);color:#fff;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.auth-page{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-light) 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-container{width:100%;max-width:440px}.auth-card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:40px}.auth-card-wide{max-width:600px}.auth-container:has(.auth-card-wide){max-width:600px}.auth-header{text-align:center;margin-bottom:28px}.auth-icon{color:var(--accent);margin-bottom:10px;font-size:42px}.auth-header h1{color:var(--primary);margin:0;font-size:24px;font-weight:700}.auth-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:13px}.auth-desc{color:var(--text-secondary);margin:8px 0 0;font-size:14px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:14px}.auth-switch a{font-weight:600}.auth-success{text-align:center;padding:20px 0}.auth-success .success-icon{margin-bottom:12px;font-size:48px}.auth-success h2{color:var(--primary);margin-bottom:8px;font-size:20px}.auth-success p{color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.form-group{flex-direction:column;flex:1;gap:6px;display:flex}.form-group label{color:var(--text-secondary);font-size:13px;font-weight:600}.form-row{gap:14px;display:flex}.input-wrapper{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);align-items:center;padding:0 12px;display:flex}.input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #e8913a26}.input-wrapper-error{border-color:var(--danger)}.input-wrapper-error:focus-within{border-color:var(--danger);box-shadow:0 0 0 3px #ef444426}.input-wrapper-narrow{max-width:80%}.field-error{color:var(--danger);margin-top:2px;font-size:12px}.field-hint{color:var(--text-muted);margin-top:2px;font-size:12px}.input-icon{color:var(--text-muted);flex-shrink:0;margin-right:8px;font-size:18px}.input-wrapper input,.input-wrapper select{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:14px}.input-wrapper input:-webkit-autofill{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;box-shadow:0 0 0 1000px var(--bg-input) inset!important;background-color:var(--bg-input)!important}.input-wrapper input:-webkit-autofill:hover{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;box-shadow:0 0 0 1000px var(--bg-input) inset!important;background-color:var(--bg-input)!important}.input-wrapper input:-webkit-autofill:focus{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;box-shadow:0 0 0 1000px var(--bg-input) inset!important;background-color:var(--bg-input)!important}.input-wrapper input:-webkit-autofill:active{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;box-shadow:0 0 0 1000px var(--bg-input) inset!important;background-color:var(--bg-input)!important}.input-wrapper input:-internal-autofill-selected{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;box-shadow:0 0 0 1000px var(--bg-input) inset!important;background-color:var(--bg-input)!important}.input-wrapper input::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;position:absolute;right:0}.input-wrapper input::-webkit-strong-password-auto-fill-button{visibility:hidden;pointer-events:none;position:absolute;right:0}.input-wrapper select{cursor:pointer}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;display:flex}.form-footer{justify-content:flex-end;display:flex}.forgot-link{font-size:13px;font-weight:500}textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);width:100%;color:var(--text-primary);resize:vertical;transition:var(--transition);outline:none;padding:10px 12px;font-size:14px}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8913a26}.modal-form input,.modal-form select{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);width:100%;color:var(--text-primary);transition:var(--transition);outline:none;padding:10px 12px;font-size:14px}.modal-form input:focus,.modal-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8913a26}.btn{border-radius:var(--radius);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#0ea572}.btn-full{width:100%}.btn-sm{padding:6px 14px;font-size:13px}.btn-icon{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:var(--transition);color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.btn-edit:hover{color:var(--info);background:#3b82f61a}.btn-delete:hover{color:var(--danger);background:#ef44441a}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.page-header h1{color:var(--text-primary);margin:0;font-size:24px;font-weight:700}.page-header p{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.stats-grid-sm{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition);align-items:center;gap:16px;padding:20px;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.stat-info h3{margin:0;font-size:24px;font-weight:700;line-height:1}.stat-info p{color:var(--text-secondary);margin:4px 0 0;font-size:13px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dashboard-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px}.dashboard-card h2{color:var(--text-primary);margin:0 0 16px;font-size:17px;font-weight:600}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-input);border-bottom:1px solid var(--border);padding:10px 14px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle;padding:12px 14px;font-size:13px}.data-table tbody tr:hover{background:#3b82f608}.user-cell{flex-direction:column;display:flex}.user-cell small{color:var(--text-muted);font-size:12px}.empty-cell{text-align:center;color:var(--text-muted);font-style:italic;padding:30px!important}.action-btns{gap:4px;display:flex}.status-badge{text-transform:capitalize;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.status-issued{color:#2563eb;background:#3b82f61a}.status-returned{color:#059669;background:#10b9811a}.status-overdue{color:#dc2626;background:#ef44441a}.role-badge{text-transform:capitalize;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600}.role-admin{color:#7c3aed;background:#8b5cf61a}.role-teacher{color:#2563eb;background:#3b82f61a}.role-student{color:#059669;background:#10b9811a}.category-badge{color:var(--text-secondary);background:#64748b1a;border-radius:20px;padding:2px 10px;font-size:12px}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning);font-weight:600}.search-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;margin-bottom:16px;padding:0 14px;display:flex}.search-icon{color:var(--text-muted);margin-right:10px;font-size:20px}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:14px}.search-input-sm{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);outline:none;width:100%;margin-bottom:8px;padding:8px 12px;font-size:13px}.search-input-sm:focus{border-color:var(--accent)}.filter-bar{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.filter-tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.filter-tab{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:var(--transition);border-radius:20px;padding:7px 16px;font-size:13px;font-weight:500}.filter-tab.active,.filter-tab:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.catalog-filters{align-items:center;gap:14px;margin-bottom:20px;display:flex}.catalog-filters .search-bar{flex:1;margin-bottom:0}.category-filter{color:var(--text-secondary);align-items:center;gap:8px;display:flex}.category-filter select{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);cursor:pointer;outline:none;padding:10px 14px;font-size:14px}.pagination{color:var(--text-secondary);justify-content:center;align-items:center;gap:16px;margin-top:20px;font-size:14px;display:flex}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:85vh;box-shadow:var(--shadow-lg);overflow-y:auto}.modal-lg{max-width:640px}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{margin:0;font-size:18px;font-weight:600}.modal-form{flex-direction:column;gap:14px;padding:24px;display:flex}.modal-actions{justify-content:flex-end;gap:10px;padding-top:10px;display:flex}.select-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);max-height:180px;overflow-y:auto}.select-item{cursor:pointer;transition:var(--transition);border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:10px 14px;display:flex}.select-item:hover{background:#3b82f60d}.select-item.selected{background:#e8913a14}.select-item input[type=radio]{width:auto;accent-color:var(--accent)}.select-item div{flex-direction:column;display:flex}.select-item strong{font-size:13px}.select-item small{color:var(--text-muted);font-size:12px}.book-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.book-catalog-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition);overflow:hidden}.book-catalog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.book-catalog-cover{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);justify-content:center;align-items:center;height:80px;display:flex}.book-emoji{font-size:36px}.book-catalog-info{padding:16px}.book-catalog-info h3{color:var(--text-primary);margin:0 0 4px;font-size:15px;font-weight:600}.book-author{color:var(--text-secondary);margin:0 0 4px;font-size:13px}.book-isbn{color:var(--text-muted);margin:0;font-size:12px}.book-meta{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.availability{font-size:12px;font-weight:600}.availability.available{color:var(--success)}.availability.unavailable{color:var(--danger)}.book-description{color:var(--text-muted);margin-top:8px;font-size:12px;line-height:1.5}.empty-state{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:60px 20px}.empty-state h3{margin-bottom:8px;font-size:18px}.book-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.book-issue-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);padding:18px}.book-issue-card.overdue{background:#ef444408;border-color:#ef44444d}.book-issue-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.book-issue-header h3{margin:0;font-size:15px;font-weight:600}.book-issue-details{color:var(--text-secondary);flex-direction:column;gap:6px;margin-top:12px;font-size:13px;display:flex}.book-issue-details div{align-items:center;gap:6px;display:flex}.days-remaining{margin-top:4px;font-weight:600}.overdue-text{color:var(--danger)!important}.warning-text{color:var(--warning)!important}.profile-card{background:var(--bg-card);border-radius:var(--radius-xl);max-width:600px;box-shadow:var(--shadow);padding:40px}.profile-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:32px;font-weight:700;display:flex}.profile-details{flex-direction:column;gap:16px;display:flex}.profile-row{align-items:flex-start;gap:14px;display:flex}.profile-icon{color:var(--primary);flex-shrink:0;margin-top:2px;font-size:20px}.profile-row label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.profile-row p{color:var(--text-primary);margin:2px 0 0;font-size:15px}.verified-badge{color:var(--success);font-size:13px;font-weight:600}.unverified-badge{color:var(--danger);font-size:13px;font-weight:600}.not-found-page{background:var(--bg-primary);text-align:center;justify-content:center;align-items:center;min-height:100vh;display:flex}.not-found-content h1{color:var(--primary);margin:0;font-size:96px;font-weight:800;line-height:1}.not-found-content h2{color:var(--text-primary);margin:8px 0;font-size:24px}.not-found-content p{color:var(--text-secondary);margin-bottom:24px}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-muted);font-size:14px}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-overlay{z-index:90;background:#0006;display:block;position:fixed;inset:0}.sidebar-close{display:flex;position:absolute;top:20px;right:16px}.sidebar-header{justify-content:space-between;align-items:center;display:flex}.main-content{margin-left:0}.navbar-menu-btn{display:flex}.navbar-title{font-size:14px}.navbar-greeting{display:none}.page-content{padding:16px}.page-header{flex-direction:column;gap:12px}.dashboard-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.auth-card{padding:28px 20px}.book-catalog-grid{grid-template-columns:1fr}.catalog-filters{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1e3a5f;--primary-light:#2a5a8f;--primary-dark:#142842;--accent:#e8913a;--accent-hover:#d4801f;--bg-primary:#f0f2f5;--bg-card:#fff;--bg-sidebar:#1e293b;--bg-sidebar-hover:#334155;--bg-input:#f8f9fa;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-white:#f1f5f9;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--border:#e2e8f0;--border-light:#f1f5f9;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a, 0 4px 6px #0000000d;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--sidebar-width:260px;--transition:all .2s ease}html{scroll-behavior:smooth;font-size:15px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:var(--accent);transition:var(--transition);text-decoration:none}a:hover{color:var(--accent-hover)}input,select,textarea,button{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}