.layout{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.support-button{color:#fff;text-decoration:none;font-weight:500;padding:.5rem 1rem;background:#fff3;border-radius:4px;transition:background .2s;font-size:.9rem;white-space:nowrap}.support-button:hover{background:#ffffff4d;opacity:1}.logo{text-decoration:none;color:#fff}.logo h1{margin:0;font-size:1.5rem;font-weight:600}.nav{display:flex;gap:1.5rem;align-items:center}.nav-link{color:#fff;text-decoration:none;font-weight:500;transition:opacity .2s;background:none;border:none;cursor:pointer;font-size:1rem;padding:0}.nav-link:hover{opacity:.8}.logout-btn{padding:.5rem 1rem;background:#fff3;border-radius:4px}.logout-btn:hover{background:#ffffff4d}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem}.footer{background:#f5f5f5;padding:1.5rem;text-align:center;color:#666;margin-top:auto}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem}.nav{flex-wrap:wrap;justify-content:center}.support-button{width:auto}.main-content{padding:1rem}}.select-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.select-label{font-weight:500;color:#333;font-size:.875rem}.select{padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .2s;width:100%;box-sizing:border-box;background:#fff;cursor:pointer}.select:focus{outline:none;border-color:#667eea}.select-error{border-color:#dc3545}.select-error-message{color:#dc3545;font-size:.875rem}.input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.input-label{font-weight:500;color:#333;font-size:.875rem}.input{padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .2s;width:100%;box-sizing:border-box}.input:focus{outline:none;border-color:#667eea}.input-error{border-color:#dc3545}.input-error-message{color:#dc3545;font-size:.875rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #667eea66}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.btn-outline{background:transparent;border:2px solid #667eea;color:#667eea}.btn-outline:hover:not(:disabled){background:#667eea;color:#fff}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn-large{padding:1rem 2rem;font-size:1.125rem}.alert{padding:1rem;border-radius:6px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.alert-content{flex:1}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.alert-info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.alert-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit;opacity:.7;padding:0;line-height:1}.alert-close:hover{opacity:1}.book-image{width:100%;height:100%;object-fit:cover;display:block}.home{width:100%}.home-header{margin-bottom:2rem}.home-header h1{margin:0 0 1.5rem;color:#333}.filters{display:flex;flex-direction:column;gap:1rem}.search-bar{display:flex;gap:.5rem;align-items:flex-end}.search-bar .input-group{flex:1;margin-bottom:0}.filter-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.book-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit;display:flex;flex-direction:column}.book-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px #00000026}.book-image{width:100%;height:300px;overflow:hidden;background:#f5f5f5}.book-image img{width:100%;height:100%;object-fit:cover}.book-info{padding:1rem;flex:1;display:flex;flex-direction:column}.book-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-author{margin:0 0 .5rem;color:#666;font-size:.9rem}.book-genre{display:inline-block;background:#e0e0e0;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;color:#666;margin-bottom:.5rem}.book-rating{margin-top:auto;display:flex;align-items:center;gap:.5rem;font-weight:500;color:#333}.rating-count{color:#999;font-size:.875rem}.book-price-card{margin-top:.5rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.price-free{color:#28a745;font-weight:600;font-size:.9rem}.price-original-small{text-decoration:line-through;color:#999;font-size:.8rem}.price-final-small{color:#28a745;font-weight:600;font-size:.9rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.pagination-info{padding:.5rem 1rem;color:#666}.loading,.empty-state{text-align:center;padding:3rem;color:#666;font-size:1.1rem}@media (max-width: 768px){.books-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.filter-controls{grid-template-columns:1fr}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.auth-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}.auth-card h2{margin:0 0 1.5rem;text-align:center;color:#333}.auth-submit{width:100%;margin-top:1rem}.auth-link{text-align:center;margin-top:1.5rem;color:#666}.auth-link a{color:#667eea;text-decoration:none;font-weight:500}.auth-link a:hover{text-decoration:underline}.textarea-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.textarea-label{font-weight:500;color:#333;font-size:.875rem}.textarea{padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .2s;width:100%;box-sizing:border-box;min-height:120px;resize:vertical;font-family:inherit}.textarea:focus{outline:none;border-color:#667eea}.textarea-error{border-color:#dc3545}.textarea-error-message{color:#dc3545;font-size:.875rem}.payment-banner{padding:16px;margin:16px 0;border-radius:4px;display:flex;justify-content:space-between;align-items:center;gap:16px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.payment-banner-content{flex:1;display:flex;align-items:center;gap:12px}.payment-banner-spinner{font-size:1.2rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.payment-banner-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.payment-banner-pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.payment-banner-cancelled{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.payment-banner-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit;opacity:.8;padding:0;line-height:1;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.payment-banner-close:hover{opacity:1}.payment-banner-close:focus{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}@media (max-width: 768px){.payment-banner{padding:12px;margin:12px 0;font-size:.9rem}.payment-banner-content{gap:8px}.payment-banner-spinner{font-size:1rem}}.book-details{width:100%}.back-button{margin-bottom:1rem}.book-details-content{display:flex;flex-direction:column;gap:2rem}.book-details-main{display:grid;grid-template-columns:300px 1fr;gap:2rem;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.book-details-image{width:100%}.book-details-image img{width:100%;height:auto;border-radius:8px}.book-details-info h1{margin:0 0 1rem;color:#333}.book-author,.book-genre,.book-year{margin:.5rem 0;color:#666}.book-rating{margin:1rem 0;display:flex;align-items:center;gap:.5rem}.rating-value{font-size:1.5rem;font-weight:600;color:#333}.rating-count{color:#999}.book-description{margin:1.5rem 0}.book-description h3{margin:0 0 .5rem;color:#333}.book-description p{color:#666;line-height:1.6}.book-price-section{margin:1.5rem 0}.book-price{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600}.price-original{text-decoration:line-through;color:#999;font-size:1rem;font-weight:400}.price-discount{background:#dc3545;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:600}.price-final{color:#28a745;font-weight:700}.book-price-free{font-size:1.25rem;font-weight:600;color:#28a745}.book-actions-buttons{margin-top:1rem;display:flex;flex-direction:row;gap:.75rem;align-items:center;flex-wrap:wrap}.download-button,.purchase-button{margin-top:0;min-width:200px}.test-cards-button{margin-top:0;background-color:#6c757d4d;color:#6c757d;border-color:#6c757d80}.test-cards-button:hover{background-color:#6c757d66;border-color:#6c757d99}.book-actions{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:2rem}.rating-section,.review-section,.message-section{border-bottom:1px solid #e0e0e0;padding-bottom:2rem}.rating-section:last-child,.review-section:last-child,.message-section:last-child{border-bottom:none;padding-bottom:0}.rating-section h3,.review-section h3,.message-section h3{margin:0 0 1rem;color:#333}.rating-input{display:flex;gap:1rem;align-items:flex-end}.rating-input .input-group{flex:1;margin-bottom:0}.message-buttons{display:flex;gap:1rem;flex-wrap:wrap}.reviews-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.reviews-section h2{margin:0 0 1.5rem;color:#333}.no-reviews{color:#999;text-align:center;padding:2rem}.loading,.error{text-align:center;padding:3rem;color:#666;font-size:1.1rem}.error{color:#dc3545}@media (max-width: 768px){.book-details-main{grid-template-columns:1fr}.book-details-image{max-width:200px;margin:0 auto}.rating-input{flex-direction:column;align-items:stretch}}.profile{width:100%}.profile h1{margin:0 0 2rem;color:#333}.profile-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.profile-section h2{margin:0 0 1.5rem;color:#333}.reviews-list{display:flex;flex-direction:column;gap:1.5rem}.review-item{padding:1rem;background:#f9f9f9;border-radius:6px}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.review-book-link{color:#667eea;text-decoration:none;font-weight:500}.review-book-link:hover{text-decoration:underline}.review-date{color:#999;font-size:.875rem}.review-text{margin:0;color:#666;line-height:1.6}.loading,.empty-state{text-align:center;padding:2rem;color:#999}.error{text-align:center;padding:2rem;color:#dc3545}.user-info{display:flex;flex-direction:column;gap:1rem}.user-info-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid #eee}.user-info-item:last-child{border-bottom:none}.user-info-label{font-weight:600;color:#333;min-width:80px}.user-info-value{color:#666;flex:1}.analytics-overview{width:100%}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.analytics-header h2{margin:0;color:#333}.analytics-actions{display:flex;align-items:center;gap:1rem}.analytics-last-update{color:#666;font-size:.9rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.metric-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.metric-card.highlight .metric-title,.metric-card.highlight .metric-value{color:#fff}.metric-title{font-size:.9rem;color:#666;margin-bottom:.5rem;font-weight:500}.metric-value{font-size:1.8rem;font-weight:700;color:#333}.metric-subtitle{font-size:.85rem;color:#999;margin-top:.5rem}.analytics-highlight{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem}.analytics-highlight h3{margin:0 0 .5rem;color:#333;font-size:1.1rem}.analytics-highlight p{margin:0;color:#666}.analytics-popular-books{width:100%}.analytics-filters{display:flex;gap:1rem;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.9rem;color:#666;font-weight:500}.limit-input{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;width:80px}.popular-books-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto;margin-top:1.5rem}.popular-books-table table{width:100%;border-collapse:collapse}.popular-books-table thead{background:#f5f5f5}.popular-books-table th{padding:1rem;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.popular-books-table td{padding:1rem;border-bottom:1px solid #e0e0e0;color:#666}.popular-books-table tbody tr:hover{background:#f9f9f9}.popular-books-table .rank-cell{font-weight:700;color:#667eea;text-align:center}.popular-books-table .title-cell{font-weight:500;color:#333}.popular-books-table .genre-cell{color:#666}.popular-books-table .revenue-cell{font-weight:600;color:#667eea}.analytics-book{width:100%}.book-analytics-form{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.book-analytics-form .form-group{display:flex;gap:1rem;align-items:flex-end}.book-analytics-form .form-group>*:first-child{flex:1}.book-analytics-details{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.book-analytics-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.book-analytics-header h3{margin:0;color:#333}.book-genre{padding:.25rem .75rem;background:#667eea;color:#fff;border-radius:4px;font-size:.85rem}.book-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.book-analytics-meta{padding-top:1rem;border-top:1px solid #e0e0e0;color:#666;font-size:.9rem}.book-analytics-meta p{margin:.5rem 0}.analytics-loading,.analytics-empty{text-align:center;padding:3rem;color:#666;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.analytics-error{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.analytics-header{flex-direction:column;align-items:flex-start;gap:1rem}.analytics-filters{flex-direction:column;align-items:stretch}.metrics-grid,.book-metrics-grid{grid-template-columns:1fr}.popular-books-table{font-size:.9rem}.popular-books-table th,.popular-books-table td{padding:.75rem .5rem}}.admin{width:100%}.admin h1{margin:0 0 2rem;color:#333}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0}.tab-button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#666;transition:all .2s;margin-bottom:-2px}.tab-button:hover{color:#667eea}.tab-button.active{color:#667eea;border-bottom-color:#667eea}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-header h2{margin:0;color:#333}.admin-search-bar{display:flex;gap:.5rem;align-items:flex-end;margin-bottom:2rem}.admin-search-bar .input-group{flex:1;margin-bottom:0}.book-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.book-form h3{margin:0 0 1.5rem;color:#333}.form-actions{display:flex;gap:1rem;margin-top:1rem}.books-list,.users-list{display:flex;flex-direction:column;gap:1rem}.book-item,.user-item{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;gap:1rem}.book-item-content{display:flex;gap:1rem;flex:1}.book-item-image{width:100px;height:150px;border-radius:4px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.book-item-image img{object-fit:contain}.book-item-info{flex:1}.book-item-info h4{margin:0 0 .5rem;color:#333}.book-item-info p{margin:.25rem 0;color:#666;font-size:.9rem}.book-item-actions,.user-actions{display:flex;gap:.5rem}.user-info h4{margin:0 0 .5rem;color:#333}.user-info p{margin:.25rem 0;color:#666;font-size:.9rem}.loading{text-align:center;padding:3rem;color:#666}.empty-state{text-align:center;padding:3rem;color:#666;font-size:1.1rem}.price-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.price-form h3{margin:0 0 1.5rem;color:#333}.price-free{color:#28a745;font-weight:600}.price-original{text-decoration:line-through;color:#999;margin-right:.5rem}.price-discount{background:#dc3545;color:#fff;padding:.125rem .375rem;border-radius:4px;font-size:.75rem;font-weight:600;margin-right:.5rem}.price-final{color:#28a745;font-weight:600}.admin-analytics{width:100%}@media (max-width: 768px){.book-item,.user-item{flex-direction:column;align-items:flex-start}.book-item-actions,.user-actions{width:100%;justify-content:flex-end}}.support-container{display:flex;justify-content:center;align-items:flex-start;min-height:60vh;padding:2rem 0}.support-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem;max-width:800px;width:100%}.support-card h2{margin:0 0 1rem;color:#333;font-size:2rem}.support-description{color:#666;margin-bottom:2rem;line-height:1.6}.support-forms{display:flex;flex-direction:column;gap:3rem}.support-form-section{border-top:2px solid #f0f0f0;padding-top:2rem}.support-form-section:first-child{border-top:none;padding-top:0}.support-form-section h3{margin:0 0 1.5rem;color:#444;font-size:1.3rem}.support-char-count{text-align:right;color:#999;font-size:.875rem;margin-top:.5rem;margin-bottom:1rem}.support-file-input{margin-bottom:1rem}.support-file-info{margin-top:.5rem;padding:.75rem;background:#f8f9fa;border-radius:4px;font-size:.9rem}.support-file-info p{margin:.25rem 0;color:#555}.support-submit{width:100%;margin-top:1rem}@media (max-width: 768px){.support-card{padding:1.5rem}.support-card h2{font-size:1.5rem}.support-form-section h3{font-size:1.1rem}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5}#root{min-height:100vh}.loading{text-align:center;padding:2rem;color:#666}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}