@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.message{animation:slideInRight .4s ease;border-radius:8px;box-shadow:0 8px 20px #0000004d;font-size:.95rem;font-weight:500;left:auto!important;margin:0;max-width:400px;min-width:300px;padding:16px 24px;position:fixed!important;right:20px!important;top:20px!important;z-index:999999}.message.success{background-color:#28a745;border-left:4px solid #1e7e34;color:#fff}.message.error{background-color:#dc3545;border-left:4px solid #bd2130;color:#fff}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}:root{--primary-color:#2c1810;--secondary-color:#8b4513;--accent-color:#d4af37;--background:#f5f1e8;--surface:#fff;--text-primary:#2c1810;--text-secondary:#6b5d52;--border-color:#d4c5b0;--success:#2d5016;--error:#8b2e2e}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Crimson Text,Garamond,Georgia,serif}.app-container{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.app-container:before{background:radial-gradient(circle at 20% 30%,#8b5c4426 0,#0000 50%),radial-gradient(circle at 80% 70%,#b8860b1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-container{align-items:center;background:linear-gradient(135deg,#1e3a5f,#2d1b3d 50%,#3d1f1f);bottom:0;display:flex;justify-content:center;left:0;padding:20px 20px 80px;position:fixed;right:0;top:0}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #8b45131a;border-radius:20px;box-shadow:0 20px 60px #8b451326;max-width:420px;padding:3rem 2.5rem;width:100%}.login-header{margin-bottom:2.5rem;text-align:center}.app-title{color:#2c1810;font-size:2.5rem;font-weight:600;letter-spacing:.01em;margin:0 0 .5rem;text-shadow:2px 2px 0 #8b45131a}.app-subtitle,.app-title{font-family:Crimson Text,serif}.app-subtitle{color:#8b6f47;font-size:1.1rem;font-style:italic;margin:0}.login-form{margin-top:2rem}.form-group{margin-bottom:1.5rem}.form-group input::placeholder{font-style:italic}.form-group label{color:#3a2f2f;display:block;font-family:Crimson Text,serif;font-size:.95rem;font-weight:500;letter-spacing:.3px;margin-bottom:.5rem}.form-group input{background:#fdfcfb;border:2px solid #e0d5c7;border-radius:8px;font-family:Crimson Text,serif;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#8b4513;box-shadow:0 0 0 3px #8b45131a;outline:none}.button-group{display:flex;gap:12px;justify-content:flex-end;margin-top:2rem}.btn{border:none;border-radius:6px;cursor:pointer;font-family:Crimson Pro,serif;font-size:15px;font-weight:600;letter-spacing:.5px;padding:12px 32px;transition:all .3s ease}.btn-cancel{background:#f5f5f0;border:1px solid #d4c5b9;color:#4a4a4a}.btn-cancel:hover{background:#e8e4df;transform:translateY(-1px)}.btn-login{background:#06c;border:none;color:#fff}.btn-login:hover{background:#0052a3;box-shadow:0 8px 20px #0066cc4d;transform:translateY(-1px)}.btn-logout{background:#06c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1.5rem;transition:all .3s ease}.btn-logout:hover{background:#0052a3;box-shadow:0 8px 16px #0066cc4d;transform:translateY(-2px)}.books-container{background:#fff;min-height:100vh;padding:3rem 2rem 80px;width:100%}.books-header{align-items:center;border-bottom:2px solid #8b451333;display:flex;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1.5rem}.books-title{color:#2c1810;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .25rem}.books-subtitle{color:#6b5b4d;font-size:.95rem;font-style:italic;margin:0}.books-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.books-table{background:#fff;border-collapse:collapse;width:100%}.books-table thead{background:#f5f5f5;border-bottom:2px solid #e0e0e0}.books-table th{border-bottom:none;color:#333;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.books-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.books-table tbody tr:hover{background:#fafafa}.books-table tbody tr:last-child{border-bottom:none}.books-table td{color:#333;font-size:.95rem;padding:16px 20px;vertical-align:middle}.book-title{color:#1a1a1a;font-weight:500}.books-table input[type=checkbox]{accent-color:#06c;cursor:pointer;height:18px;width:18px}.toggle-switch{display:inline-block;height:26px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:#28a745}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-switch input:not(:checked)+.toggle-slider{background-color:#dc3545}.action-buttons{gap:8px}.action-btn,.action-buttons{align-items:center;display:flex}.action-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.action-btn:hover{background:#f0f0f0;border-color:#999}.action-btn .icon{font-size:16px;line-height:1}.view-btn .icon{filter:grayscale(100%)}.edit-btn{background:#e3f2fd;border-color:#06c}.edit-btn:hover{background:#06c}.edit-btn .icon{filter:brightness(0) saturate(100%) invert(38%) sepia(94%) saturate(2476%) hue-rotate(202deg)}.menu-btn .icon{color:#666;font-size:18px}.amazon-link{color:#06c;transition:all .2s ease}.amazon-link:hover{color:#0052a3;text-decoration:underline}.amazon-link{border:1.5px solid #8b4513;border-radius:6px;color:#8b4513;display:inline-block;font-size:.9rem;font-weight:500;padding:6px 14px;text-decoration:none;transition:all .3s ease}.amazon-link:hover{background:#8b4513;box-shadow:0 4px 12px #8b451333;color:#fff8dc;transform:translateY(-2px)}@media (max-width:768px){.books-container,.login-container{padding:20px}.login-card{padding:30px 25px}.books-table-container{overflow-x:auto}.books-table{min-width:600px}}.app-footer{background-color:#000;bottom:0;color:#fff;font-size:.9rem;left:0;padding:1rem 2rem;position:fixed;right:0;text-align:center;z-index:1000}.app-footer p{font-family:Crimson Text,serif;margin:.25rem 0}.app-footer a{color:#d4af37;text-decoration:none;transition:color .3s ease}.app-footer a:hover{color:#f0d77e;text-decoration:underline}.books-container,.login-container{padding-bottom:100px}.app-header-banner{background:linear-gradient(135deg,#4a5568,#2d3748);border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.banner-container{align-items:center;display:flex;height:56px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.banner-logo{color:#fff;font-family:Playfair Display,serif;font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.banner-menu{align-items:center;display:flex;gap:2rem}.banner-menu-item{color:#e2e8f0;cursor:pointer;font-size:.95rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .2s ease}.banner-menu-item:hover{color:#fff}.banner-menu-item:after{background:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.banner-menu-item:hover:after{width:100%}.books-container{padding-top:2rem}@media (max-width:768px){.banner-container{padding:0 1rem}.banner-menu{gap:1rem}.banner-menu-item{font-size:.85rem}.banner-logo{font-size:1rem}}
/*# sourceMappingURL=main.30d9fda9.css.map*/