.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f8f9fa}.login-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:100%;max-width:400px}.login-box h1{margin-bottom:1.5rem;text-align:center;color:#333}.login-logo{display:block;margin:0 auto 1rem;width:224px;height:auto}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#666}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background-color:#fff}button{width:100%;padding:.75rem;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}button:hover{background-color:#357abd}button:disabled{background-color:#9ac0e5;cursor:not-allowed}.error-message{color:#dc3545;background-color:#f8d7da;padding:.75rem;margin-bottom:1rem;border-radius:4px;text-align:center}.login-header{text-align:center;margin-bottom:1.5rem}.login-header h2{margin:0 0 .5rem;color:#333;font-size:1.5rem}.login-subtitle{color:#666;font-size:.875rem;margin:0}.login-button{width:100%;padding:.75rem;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s;margin-top:.5rem}.login-button:hover{background-color:#357abd}.login-button:disabled{background-color:#9ac0e5;cursor:not-allowed}.login-footer{margin-top:1.5rem;text-align:center;border-top:1px solid #eee;padding-top:1.5rem}.back-link{display:inline-block;color:#4a90e2;text-decoration:none;font-size:.875rem;margin-bottom:1rem}.back-link:hover{text-decoration:underline}.security-notice{font-size:.75rem;color:#888;margin:0;font-style:italic}.landing-page{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#213547;line-height:1.6}.hero-section{position:relative;overflow:hidden}.hero-image{width:100%;height:auto;display:block}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#4267b245,#4267b22e);z-index:2}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;text-align:center;padding:2rem;max-width:800px;width:100%}.hero-logo{width:180px;height:auto;margin-bottom:1.5rem}.hero-headline{font-size:3rem;font-weight:700;color:#272727;margin:0 0 1rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.hero-subheadline{font-size:1rem;color:#272727;margin:0 0 2rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button{padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease}.cta-primary{background-color:#fff;color:#4267b2}.cta-primary:hover{background-color:#f0f0f0;transform:translateY(-2px)}.cta-secondary{background-color:transparent;color:#fff;border:2px solid #fff}.cta-secondary:hover{background-color:#ffffff1a;transform:translateY(-2px)}.section{padding:5rem 2rem;max-width:1200px;margin:0 auto}.section-title{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:#213547}.welcome-section{background-color:#fff;text-align:center}.welcome-content{max-width:900px;margin:0 auto;font-size:1.15rem;line-height:1.8;color:#444}.welcome-content p{margin-bottom:1.5rem}.welcome-content p:last-child{margin-bottom:0}.welcome-content strong{color:#4267b2}.value-section{background-color:#f8f9fa}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.value-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #00000014}.value-icon{font-size:3rem;margin-bottom:1rem}.value-card h3{font-size:1.5rem;margin:0 0 1rem;color:#4267b2}.value-card ul{list-style:none;padding:0;margin:0}.value-card li{padding:.5rem 0;border-bottom:1px solid #eee}.value-card li:last-child{border-bottom:none}.how-it-works-section{background-color:#fff}.steps-container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.step{flex:1;min-width:200px;max-width:220px;text-align:center}.step-number{width:50px;height:50px;background:linear-gradient(135deg,#4267b2,#2d4a7c);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.step h3{font-size:1.1rem;margin:0 0 .5rem;color:#213547}.step p{font-size:.9rem;color:#666;margin:0}.features-section{background-color:#f8f9fa}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-item{background:#fff;padding:1.5rem;border-radius:12px;text-align:center;box-shadow:0 4px 12px #00000014}.feature-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.feature-item h4{font-size:1.25rem;margin:0 0 .5rem;color:#4267b2}.feature-item p{font-size:.95rem;color:#666;margin:0}.impact-section{background:linear-gradient(135deg,#4267b2,#2d4a7c);color:#fff;max-width:100%;padding:5rem 2rem}.impact-section .section-title{color:#fff}.impact-content{max-width:900px;margin:0 auto}.impact-intro{font-size:1.25rem;text-align:center;margin-bottom:2rem}.impact-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.impact-point{display:flex;align-items:flex-start;gap:1rem}.impact-icon{font-size:2rem;flex-shrink:0}.impact-point p{margin:0}.impact-quote{font-size:1.5rem;font-style:italic;text-align:center;border:none;margin:2rem 0 0;padding:0;opacity:.9}.testimonials-section{background-color:#fff}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.testimonial-card{background:#f8f9fa;padding:2rem;border-radius:12px;border-left:4px solid #4267B2}.testimonial-text{font-size:1rem;font-style:italic;color:#444;margin:0 0 1rem}.testimonial-author{font-size:.9rem;color:#4267b2;font-weight:600;margin:0}.cta-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);text-align:center}.cta-title{font-size:2.5rem;margin:0 0 1rem;color:#213547}.cta-subtitle{font-size:1.25rem;color:#666;margin:0 0 2rem}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.store-button{display:flex;align-items:center;gap:.75rem;background:#213547;color:#fff;padding:.75rem 1.5rem;border-radius:12px;text-decoration:none;transition:all .3s ease}.store-button:hover{background:#4267b2;transform:translateY(-2px)}.store-icon{font-size:2rem}.store-text{display:flex;flex-direction:column;align-items:flex-start}.store-label{font-size:.7rem;opacity:.8}.store-name{font-size:1.1rem;font-weight:600}.landing-footer{background-color:#1c2d50;color:#fff;padding:2rem 2rem 1.5rem}.footer-top{max-width:1200px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:2rem}.footer-brand{display:flex;flex-direction:column;align-items:flex-start}.footer-logo{width:100px;height:auto;margin-bottom:.5rem;background-color:#fff;padding:8px 12px;border-radius:4px}.footer-tagline{margin:0;font-size:.85rem;color:#fffc}.footer-sponsor{display:flex;flex-direction:column;align-items:flex-start}.sponsor-logo{width:100px;height:auto;margin-bottom:.5rem;background-color:#fff;padding:8px 12px;border-radius:4px}.sponsor-credit{margin:0;font-size:.8rem;color:#ffffffb3}.footer-links{display:flex;gap:3rem;flex-wrap:wrap}.footer-column{display:flex;flex-direction:column;gap:.4rem}.footer-column h4{margin:0 0 .3rem;font-size:.9rem;color:#fff;font-weight:600}.footer-column a{color:#ffffffb3;text-decoration:none;font-size:.85rem;transition:color .2s}.footer-column a:hover{color:#fff}@media(max-width:768px){.hero-headline{font-size:2.5rem}.hero-subheadline{font-size:1rem}.section{padding:3rem 1.5rem}.section-title{font-size:2rem}.step{min-width:140px;max-width:none}.cta-title{font-size:2rem}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}.footer-column{align-items:center}}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#f8f9fa)}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#6b7280}.loading-spinner:before{content:"";width:3rem;height:3rem;border-radius:50%;border:3px solid #e5e7eb;border-top-color:#d10000;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;position:sticky;top:0;z-index:100}.brand-logo{height:45px;width:auto;display:block}.nav a{color:#213547;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s;font-weight:500}.user{color:#666;font-size:.9rem}.footer{padding:1rem 2rem;background-color:#f8f9fa;border-top:1px solid #dee2e6;text-align:center;color:#666;font-size:.9rem}.card{background-color:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #dee2e6;box-shadow:0 2px 4px #0000001a}.card h2{margin-top:0;margin-bottom:1rem;color:#213547;font-size:1.5rem}.card h3{margin-top:0;margin-bottom:.5rem;color:#213547;font-size:1.1rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th{background-color:#f8f9fa;font-weight:600;color:#213547;text-transform:uppercase;font-size:.8rem;letter-spacing:.5px}button{border-radius:6px;border:1px solid transparent;padding:.6em 1.2em;font-size:.9em;font-weight:500;font-family:inherit;background-color:#f9f9f9;color:#213547;cursor:pointer;transition:all .25s;border:1px solid #dee2e6}button:hover{border-color:#007bff;background-color:#007bff;color:#fff}input,select,textarea{background-color:#fff;border:1px solid #dee2e6;color:#213547;border-radius:4px;padding:.5rem .75rem;font-size:.9rem}input:focus,select:focus,textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-available{background-color:#28a745;color:#fff}.status-in_transit{background-color:#ffc107;color:#000}.status-being_read{background-color:#17a2b8;color:#fff}.status-unavailable{background-color:#dc3545;color:#fff}.loading{display:flex;align-items:center;justify-content:center;padding:2rem}.loading-spinner{border:2px solid #dee2e6;border-top:2px solid #007bff;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}.layout{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background-color:#f8f9fa;border-bottom:1px solid #dee2e6}.brand{display:flex;align-items:center;font-weight:700;font-size:1.25rem}.nav{display:flex;gap:1.5rem}.nav a{color:#213547;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}.nav a:hover,.nav a.active{background-color:#4367b1;color:#fff}.auth{display:flex;align-items:center;gap:1rem}.user{color:#666}.content{flex:1;padding:2rem;max-width:1360px;margin:0 auto;width:100%}.footer{padding:1rem 2rem;background-color:#f8f9fa;border-top:1px solid #dee2e6;text-align:center;color:#666}.card{background-color:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #dee2e6}.card h2{margin-top:0;margin-bottom:1rem;color:#213547}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;color:#213547;cursor:pointer;transition:border-color .25s}button:hover{border-color:#4367b1;background-color:#4367b1;color:#fff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}table{width:100%;border-collapse:collapse}th,td{padding:.75rem;text-align:left;border-bottom:1px solid #dee2e6}th{background-color:#f8f9fa;font-weight:600}.muted{color:#888;font-size:.9rem}.text-center{text-align:center}@media(max-width:768px){.header{flex-direction:column;gap:1rem;padding:1rem}.nav{flex-wrap:wrap;justify-content:center;gap:.5rem}.auth{flex-direction:column;gap:.5rem}.content{padding:1rem}table{font-size:.8rem}th,td{padding:.5rem}}.header,.footer{background-color:#f8f9fa;border-color:#dee2e6}.card{background-color:#fff;border-color:#dee2e6}.nav a{color:#213547}.nav a:hover{background-color:#4367b1}.nav a.active{background-color:#4367b1;color:#fff}button{background-color:#f9f9f9;color:#213547;border-color:#dee2e6}.page-header{margin:0;font-size:28px;color:#4367b1}.page-subtitle{color:#666;font-size:14px;margin-top:4px;margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stats-card-label{margin:0;font-size:14px;color:#666;text-transform:uppercase}.stats-card-value{font-size:2rem;font-weight:700}.stats-card-value-primary{color:#4367b1}.stats-card-value-success{color:#28a745}.stats-card-value-warning{color:#ffc107}.stats-card-value-info{color:#17a2b8}.two-column-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.list-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #dee2e6}.list-item:last-child{border-bottom:none}.list-item-label{font-weight:500}.list-item-value{font-weight:700;color:#4367b1}.activity-item{padding:8px 0;border-bottom:1px solid #dee2e6}.activity-item:last-child{border-bottom:none}.activity-description{font-size:14px;font-weight:500}.activity-timestamp{font-size:12px;color:#666}.table-header-row{border-bottom:1px solid #e5e7eb}.table-data-row{border-bottom:1px solid #f3f4f6}.table-cell{padding:8px;text-align:left}.table-cell-center{padding:8px;text-align:center}.badge{padding:2px 6px;border-radius:4px;font-size:12px;font-weight:700;color:#fff}.badge-superadmin{background-color:#d10000}.badge-admin{background-color:#4367b1}.badge-booklover{background-color:#28a745}.badge-default{background-color:#6c757d}.badge-count{padding:2px 6px;border-radius:4px;font-size:12px;font-weight:700;color:#fff}.badge-count-positive{background-color:#28a745}.badge-count-zero{background-color:#6c757d}.action-button-small{font-size:12px;padding:2px 6px;border:none;color:#fff;border-radius:3px;cursor:pointer}.action-button-reset{background-color:teal}.action-button-deactivate{background-color:coral}.action-button-delete{background-color:#d10000}.action-button-notes{background-color:#6c757d}.search-input{padding:8px 12px;border:1px solid #ccc;border-radius:4px;min-width:200px}.filter-select{padding:8px 12px;border:1px solid #ccc;border-radius:4px}.category-tag{padding:4px 8px;background:#4367b1;color:#fff;border-radius:4px;font-size:12px}.status-select{padding:2px 6px;border-radius:4px;font-size:12px;color:#fff;border:none;cursor:pointer}.tracking-input{font-size:12px;padding:2px 4px;width:120px}.metric-card{text-align:center}.metric-value{font-size:2rem;font-weight:700}.metric-label{font-size:14px;color:#666}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#4367b1;transition:width .3s ease}button:hover{background-color:#4367b1;color:#fff}th{background-color:#f8f9fa;color:#213547}td{color:#213547}input,select,textarea{background-color:#fff;border-color:#dee2e6;color:#213547}.lightwood{color:#deb887}.darkwood{color:#8b4513}.coral{color:coral}.green{color:#228b22}.pink{color:#ff1493}.darkred{color:#b22222}.gold{color:gold}.darkblue{color:#192d70}.purple{color:#639}.camel{color:tan}.teal{color:teal}