@import url(https://fonts.googleapis.com/icon?family=Material+Icons);.header-container[data-v-49e696c4]{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 0;box-shadow:0 4px 20px rgba(0,0,0,.1);position:relative;overflow:hidden}.header-container[data-v-49e696c4]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");opacity:.3;pointer-events:none}.header-content[data-v-49e696c4]{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.header-left[data-v-49e696c4]{display:flex;align-items:center;gap:15px}.book-avatar[data-v-49e696c4]{background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.3)}.book-icon[data-v-49e696c4]{color:#fff;font-size:32px}.title-section[data-v-49e696c4]{display:flex;flex-direction:column;gap:2px}.app-title[data-v-49e696c4]{color:#fff;font-size:2.5rem;font-weight:300;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:-.5px}.welcome-text[data-v-49e696c4]{color:hsla(0,0%,100%,.9);font-size:.9rem;margin:0;font-weight:400}.header-right[data-v-49e696c4]{display:flex;align-items:center;gap:15px}.user-info[data-v-49e696c4]{display:flex;align-items:center;gap:10px;background:hsla(0,0%,100%,.1);padding:8px 16px;border-radius:25px;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.user-avatar[data-v-49e696c4]{background:linear-gradient(135deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.1));border:2px solid hsla(0,0%,100%,.3);width:32px;height:32px}.user-initial[data-v-49e696c4]{color:#fff;font-weight:600;font-size:14px}.username[data-v-49e696c4]{color:#fff;font-weight:500;font-size:.9rem}.logout-btn[data-v-49e696c4]{background:hsla(0,0%,100%,.1)!important;color:#fff!important;border:1px solid hsla(0,0%,100%,.2)!important;backdrop-filter:blur(10px);transition:all .3s ease!important}.logout-btn[data-v-49e696c4]:hover{background:hsla(0,0%,100%,.2)!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}@media (max-width:768px){.header-content[data-v-49e696c4]{padding:0 15px}.app-title[data-v-49e696c4]{font-size:2rem}.header-left[data-v-49e696c4]{gap:10px}.user-info[data-v-49e696c4]{padding:6px 12px}.username[data-v-49e696c4]{display:none}.welcome-text[data-v-49e696c4]{font-size:.8rem}}@media (max-width:480px){.app-title[data-v-49e696c4]{font-size:1.5rem}.header-left[data-v-49e696c4]{flex-direction:column;align-items:flex-start;gap:5px}.title-section[data-v-49e696c4]{align-items:flex-start}}#inputbook[data-v-0a86d9e9]{height:32px;padding:0;display:block;flex:1;border:none;background:none;transition:.4s cubic-bezier(.25,.8,.25,1);transition-property:font-size,padding-top,color;font-family:inherit;font-size:16px;line-height:32px;background-color:#fff;box-sizing:inherit}.formbox[data-v-0a86d9e9]{padding-left:20%;padding-right:20%}.formboxes[data-v-0a86d9e9]{background-color:#fff}.book-item[data-v-544c51bc]{padding:16px;border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.book-item[data-v-544c51bc]:hover{background-color:#f8f9fa}.book-content[data-v-544c51bc]{display:flex;justify-content:space-between;align-items:center;width:100%}.book-info[data-v-544c51bc]{flex-grow:1}.book-title[data-v-544c51bc]{margin:0 0 4px 0;font-size:1.1rem;font-weight:600;color:#2c3e50}.book-author[data-v-544c51bc]{margin:0;font-size:.9rem;color:#666;font-style:italic}.book-actions[data-v-544c51bc]{display:flex;gap:8px}.start-reading-btn[data-v-544c51bc]{background:linear-gradient(135deg,#28a745,#20c997)!important;color:#fff!important}.delete-btn[data-v-544c51bc]{background:linear-gradient(135deg,#dc3545,#c82333)!important;color:#fff!important}@media (max-width:768px){.book-content[data-v-544c51bc]{flex-direction:column;align-items:flex-start;gap:12px}.book-actions[data-v-544c51bc]{align-self:flex-end}}.book-item.moving[data-v-544c51bc]{opacity:.7;background-color:#f0f8ff}.moving-text[data-v-544c51bc]{color:#667eea;font-size:.8rem;font-weight:500;margin:4px 0 0 0;animation:pulse-544c51bc 1.5s infinite}@keyframes pulse-544c51bc{0%,to{opacity:1}50%{opacity:.5}}.toread-container[data-v-82619dd6]{max-width:800px;margin:0 auto}.section-header[data-v-82619dd6]{display:flex;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.section-icon[data-v-82619dd6]{color:#667eea;font-size:28px;margin-right:10px}.section-header h3[data-v-82619dd6]{margin:0;flex-grow:1;color:#2c3e50;font-size:1.8rem;font-weight:600}.book-count[data-v-82619dd6]{background:#667eea;color:#fff;padding:5px 12px;border-radius:20px;font-size:.9rem;font-weight:500}.add-book-form[data-v-82619dd6]{margin-bottom:30px}.input-group[data-v-82619dd6]{display:flex;gap:15px;align-items:flex-end}.book-input[data-v-82619dd6]{flex-grow:1}.add-button[data-v-82619dd6]{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border-radius:8px!important;padding:12px 24px!important;font-weight:600!important;box-shadow:0 4px 15px rgba(102,126,234,.3)!important;transition:all .3s ease!important}.add-button[data-v-82619dd6]:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(102,126,234,.4)!important}.books-list[data-v-82619dd6]{min-height:200px}.book-list[data-v-82619dd6]{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}.empty-state[data-v-82619dd6]{text-align:center;padding:60px 20px;color:#666}.empty-icon[data-v-82619dd6]{font-size:64px;color:#ddd;margin-bottom:20px}.empty-state p[data-v-82619dd6]{margin:10px 0;font-size:1.1rem}.empty-subtitle[data-v-82619dd6]{color:#999;font-size:.95rem!important}@media (max-width:768px){.input-group[data-v-82619dd6]{flex-direction:column;gap:10px}.section-header[data-v-82619dd6]{flex-direction:column;align-items:flex-start;gap:10px}.book-count[data-v-82619dd6]{align-self:flex-start}}.book-item[data-v-b4d794ba]{padding:16px;border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.book-item[data-v-b4d794ba]:hover{background-color:#f8f9fa}.book-content[data-v-b4d794ba]{display:flex;justify-content:space-between;align-items:center;width:100%}.book-info[data-v-b4d794ba]{flex-grow:1}.book-title[data-v-b4d794ba]{margin:0 0 4px 0;font-size:1.1rem;font-weight:600;color:#2c3e50}.book-author[data-v-b4d794ba]{margin:0;font-size:.9rem;color:#666;font-style:italic}.book-actions[data-v-b4d794ba]{display:flex;gap:8px}.finish-reading-btn[data-v-b4d794ba]{background:linear-gradient(135deg,#6f42c1,#9561e2)!important;color:#fff!important}.delete-btn[data-v-b4d794ba]{background:linear-gradient(135deg,#dc3545,#c82333)!important;color:#fff!important}@media (max-width:768px){.book-content[data-v-b4d794ba]{flex-direction:column;align-items:flex-start;gap:12px}.book-actions[data-v-b4d794ba]{align-self:flex-end}}.book-item.moving[data-v-b4d794ba]{opacity:.7;background-color:#f0f8ff}.moving-text[data-v-b4d794ba]{color:#6f42c1;font-size:.8rem;font-weight:500;margin:4px 0 0 0;animation:pulse-b4d794ba 1.5s infinite}@keyframes pulse-b4d794ba{0%,to{opacity:1}50%{opacity:.5}}.reading-container[data-v-011f599f]{max-width:800px;margin:0 auto}.section-header[data-v-011f599f]{display:flex;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.section-icon[data-v-011f599f]{color:#28a745;font-size:28px;margin-right:10px}.section-header h3[data-v-011f599f]{margin:0;flex-grow:1;color:#2c3e50;font-size:1.8rem;font-weight:600}.book-count[data-v-011f599f]{background:#28a745;color:#fff;padding:5px 12px;border-radius:20px;font-size:.9rem;font-weight:500}.add-book-form[data-v-011f599f]{margin-bottom:30px}.input-group[data-v-011f599f]{display:flex;gap:15px;align-items:flex-end}.book-input[data-v-011f599f]{flex-grow:1}.add-button[data-v-011f599f]{background:linear-gradient(135deg,#28a745,#20c997)!important;color:#fff!important;border-radius:8px!important;padding:12px 24px!important;font-weight:600!important;box-shadow:0 4px 15px rgba(40,167,69,.3)!important;transition:all .3s ease!important}.add-button[data-v-011f599f]:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(40,167,69,.4)!important}.books-list[data-v-011f599f]{min-height:200px}.book-list[data-v-011f599f]{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}.empty-state[data-v-011f599f]{text-align:center;padding:60px 20px;color:#666}.empty-icon[data-v-011f599f]{font-size:64px;color:#ddd;margin-bottom:20px}.empty-state p[data-v-011f599f]{margin:10px 0;font-size:1.1rem}.empty-subtitle[data-v-011f599f]{color:#999;font-size:.95rem!important}@media (max-width:768px){.input-group[data-v-011f599f]{flex-direction:column;gap:10px}.section-header[data-v-011f599f]{flex-direction:column;align-items:flex-start;gap:10px}.book-count[data-v-011f599f]{align-self:flex-start}}.book-item[data-v-2e851c8f]{padding:16px;border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.book-item[data-v-2e851c8f]:hover{background-color:#f8f9fa}.book-content[data-v-2e851c8f]{display:flex;justify-content:space-between;align-items:center;width:100%}.book-info[data-v-2e851c8f]{flex-grow:1}.book-title[data-v-2e851c8f]{margin:0 0 4px 0;font-size:1.1rem;font-weight:600;color:#2c3e50}.book-author[data-v-2e851c8f]{margin:0 0 4px 0;font-size:.9rem;color:#666;font-style:italic}.book-date[data-v-2e851c8f]{margin:0;font-size:.8rem;color:#999}.book-actions[data-v-2e851c8f]{display:flex;gap:8px}.delete-btn[data-v-2e851c8f]{background:linear-gradient(135deg,#dc3545,#c82333)!important;color:#fff!important}@media (max-width:768px){.book-content[data-v-2e851c8f]{flex-direction:column;align-items:flex-start;gap:12px}.book-actions[data-v-2e851c8f]{align-self:flex-end}}.read-container[data-v-0ed8e610]{max-width:800px;margin:0 auto}.section-header[data-v-0ed8e610]{display:flex;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #e68888}.section-icon[data-v-0ed8e610]{color:#6f42c1;font-size:28px;margin-right:10px}.section-header h3[data-v-0ed8e610]{margin:0;flex-grow:1;color:#2c3e50;font-size:1.8rem;font-weight:600}.book-count[data-v-0ed8e610]{background:#6f42c1;color:#fff;padding:5px 12px;border-radius:20px;font-size:.9rem;font-weight:500}.add-book-form[data-v-0ed8e610]{margin-bottom:30px}.input-group[data-v-0ed8e610]{display:flex;gap:15px;align-items:flex-end}.book-input[data-v-0ed8e610]{flex-grow:1}.add-button[data-v-0ed8e610]{background:linear-gradient(135deg,#6f42c1,#9561e2)!important;color:#fff!important;border-radius:8px!important;padding:12px 24px!important;font-weight:600!important;box-shadow:0 4px 15px rgba(111,66,193,.3)!important;transition:all .3s ease!important}.add-button[data-v-0ed8e610]:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(111,66,193,.4)!important}.books-list[data-v-0ed8e610]{min-height:200px}.book-list[data-v-0ed8e610]{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}.empty-state[data-v-0ed8e610]{text-align:center;padding:60px 20px;color:#666}.empty-icon[data-v-0ed8e610]{font-size:64px;color:#ddd;margin-bottom:20px}.empty-state p[data-v-0ed8e610]{margin:10px 0;font-size:1.1rem}.empty-subtitle[data-v-0ed8e610]{color:#999;font-size:.95rem!important}@media (max-width:768px){.input-group[data-v-0ed8e610]{flex-direction:column;gap:10px}.section-header[data-v-0ed8e610]{flex-direction:column;align-items:flex-start;gap:10px}.book-count[data-v-0ed8e610]{align-self:flex-start}}.login-container[data-v-15457b80]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.login-card[data-v-15457b80]{background:hsla(0,0%,100%,.95);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.1);backdrop-filter:blur(10px);width:100%;max-width:450px;overflow:hidden}.login-header[data-v-15457b80]{text-align:center;padding:40px 30px 20px;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1))}.login-icon[data-v-15457b80]{font-size:48px;color:#667eea;margin-bottom:10px}.login-header h1[data-v-15457b80]{margin:0 0 10px;color:#2c3e50;font-size:2rem;font-weight:300}.login-header p[data-v-15457b80]{margin:0;color:#666;font-size:1rem}.login-form[data-v-15457b80]{padding:20px 30px 40px}.auth-tabs .md-tabs-navigation[data-v-15457b80],.auth-tabs[data-v-15457b80]{background:transparent}.auth-form[data-v-15457b80]{padding:30px 0 20px}.form-field[data-v-15457b80]{margin-bottom:20px}.form-field .md-input[data-v-15457b80]{font-size:16px}.login-button[data-v-15457b80]{width:100%;height:48px;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border-radius:8px!important;font-weight:600!important;font-size:16px!important;margin-top:20px;box-shadow:0 4px 15px rgba(102,126,234,.3)!important;transition:all .3s ease!important}.login-button[data-v-15457b80]:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(102,126,234,.4)!important}.login-button[data-v-15457b80]:disabled{opacity:.7;cursor:not-allowed}.error-message[data-v-15457b80]{background:#ffebee;color:#c62828;padding:12px 16px;border-radius:8px;margin-top:16px;font-size:14px;border-left:4px solid #c62828}.md-progress-spinner[data-v-15457b80]{margin-right:8px}@media (max-width:480px){.login-container[data-v-15457b80]{padding:10px}.login-card[data-v-15457b80]{max-width:100%}.login-header[data-v-15457b80]{padding:30px 20px 15px}.login-form[data-v-15457b80]{padding:15px 20px 30px}.login-header h1[data-v-15457b80]{font-size:1.5rem}}.toast-notification[data-v-35194f32]{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:8px;color:#fff;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;max-width:400px}.toast-notification.success[data-v-35194f32]{background:linear-gradient(135deg,#28a745,#20c997)}.toast-notification.info[data-v-35194f32]{background:linear-gradient(135deg,#17a2b8,#138496)}.toast-notification.warning[data-v-35194f32]{background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529}.toast-notification.error[data-v-35194f32]{background:linear-gradient(135deg,#dc3545,#c82333)}.toast-icon[data-v-35194f32]{font-size:20px}.toast-message[data-v-35194f32]{flex-grow:1}.toast-enter-active[data-v-35194f32],.toast-leave-active[data-v-35194f32]{transition:all .3s ease}.toast-enter[data-v-35194f32],.toast-leave-to[data-v-35194f32]{transform:translateX(100%);opacity:0}@media (max-width:768px){.toast-notification[data-v-35194f32]{top:10px;right:10px;left:10px;max-width:none}}#app,body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:0}.main-content{padding:20px;max-width:1200px;margin:0 auto}.book-tabs{background:hsla(0,0%,100%,.95);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.1);backdrop-filter:blur(10px);margin-top:20px}.book-tabs .md-tabs-navigation{background:hsla(0,0%,100%,.9);border-radius:12px 12px 0 0}.book-tabs .md-tab{color:#667eea;font-weight:600}.book-tabs .md-tab.md-active{color:#764ba2}.tab-content{padding:30px 20px;min-height:500px;background:hsla(0,0%,100%,.98);border-radius:0 0 12px 12px}@media (max-width:768px){.main-content{padding:10px}.tab-content{padding:20px 10px}}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.md-icon{font-family:Material Icons!important;font-weight:400!important;font-style:normal!important;font-size:24px!important;line-height:1!important;letter-spacing:normal!important;text-transform:none!important;display:inline-block!important;white-space:nowrap!important;word-wrap:normal!important;direction:ltr!important;-webkit-font-feature-settings:"liga"!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.md-icon:before{font-family:Material Icons!important}.md-button .md-icon{font-size:18px!important}.md-icon-button .md-icon{font-size:24px!important}.md-tab .md-icon{font-size:20px!important;margin-right:8px!important}.md-avatar .md-icon{font-size:32px!important}.md-tooltip .md-icon{font-size:16px!important}.md-button .md-progress-spinner{width:20px!important;height:20px!important}.md-icon{text-rendering:optimizeLegibility;font-feature-settings:"liga" 1}