*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:clip}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 100px);overflow-x:hidden;padding:20px}.auth-card,.auth-container{box-sizing:border-box;width:100%}.auth-card{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:40px}@media (max-width:768px){.auth-container{padding:16px}.auth-card{max-width:100%;padding:24px}}.auth-card h2{color:#333;margin-bottom:30px;text-align:center}.error-message{border-radius:4px;margin-bottom:20px;padding:10px}.auth-switch{color:#666;margin-top:20px;text-align:center}.auth-switch a{color:#8b4513;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.page-header h1{color:#333;font-size:32px;font-weight:700;margin:0}@media (max-width:768px){.page-header h1{font-size:24px}}.beans-grid{grid-gap:24px;box-sizing:border-box;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px;width:100%}@media (max-width:768px){.beans-grid{gap:16px;grid-template-columns:1fr}}.bean-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;color:inherit;display:flex;flex-direction:column;overflow:hidden;padding:24px;position:relative;text-decoration:none;transition:all .3s ease;width:100%}@media (max-width:768px){.bean-card{padding:20px}}.bean-card:before{background:linear-gradient(90deg,#8b4513,sienna);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.bean-card:hover{border-color:#e0e0e0;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.bean-card:hover:before{transform:scaleX(1)}.bean-card-header{margin-bottom:16px}.bean-card h3{color:#2c2c2c;font-size:22px;font-weight:600;line-height:1.3;margin:0 0 8px}.bean-info-list{display:flex;flex:1 1;flex-direction:column;gap:10px}.bean-info{align-items:flex-start;color:#666;display:flex;font-size:14px;line-height:1.5;margin:0}.bean-info-label{color:#888;font-weight:500;margin-right:8px;min-width:70px}.bean-info-value{color:#333;flex:1 1}.roast-badge{background-color:#f5f5f5;border-radius:12px;color:#666;display:inline-block;font-size:12px;font-weight:500;margin-top:4px;padding:4px 12px}.roast-badge.light{background-color:#fff4e6;color:#d97706}.roast-badge.medium-light{background-color:#fef3c7;color:#d97706}.roast-badge.medium{background-color:#fde68a;color:#92400e}.roast-badge.medium-dark{background-color:#fcd34d;color:#78350f}.roast-badge.dark{background-color:#fbbf24;color:#78350f}.empty-state{color:#888;padding:60px 20px;text-align:center}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.3}.empty-state h3{color:#666;font-size:20px;margin-bottom:8px}.empty-state p{color:#999;font-size:14px}.record-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;overflow-x:hidden;padding:28px;width:100%}@media (max-width:768px){.record-card{padding:20px}}.record-card.editing{background-color:#f9f9f9}.record-card .card-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}@media (max-width:768px){.record-card .card-header{align-items:flex-start;flex-direction:column}}.record-card .card-header h3{color:#333;font-size:18px;margin:0}.card-actions{display:flex;gap:10px}.btn-icon{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:5px;transition:background-color .2s}.btn-icon:hover{background-color:#f0f0f0}.record-info{margin-bottom:20px}.record-info p{color:#666;font-size:15px;line-height:1.6;margin:10px 0}.record-info strong{color:#333}.record-notes{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.record-notes p{color:#666;font-size:15px;line-height:1.6;margin:8px 0}.record-notes p:first-child{color:#333;font-weight:500}.search-bar,.search-inputs{box-sizing:border-box;width:100%}.search-inputs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.search-inputs input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:16px;padding:14px 18px;width:100%}@media (max-width:768px){.search-inputs{gap:12px;grid-template-columns:1fr}}.bean-details{box-sizing:border-box;margin-top:20px;width:100%}.bean-details p{word-wrap:break-word;color:#666;font-size:15px;line-height:1.6;margin:12px 0;overflow-wrap:break-word}.bean-details strong{color:#333}.error-message{background-color:#fee;border-radius:6px;color:#c33;margin-bottom:24px;padding:12px 16px;text-align:center}.search-description{color:#666;font-size:14px;font-weight:400;margin-top:8px}.search-filters{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.results-count{color:#666;font-size:14px;font-weight:400}.empty-search{color:#888;padding:40px 20px;text-align:center}.search-record-wrapper{display:flex;flex-direction:column;gap:8px}.record-bean-info{background-color:#f9f9f9;border-radius:6px;color:#333;font-size:14px;padding:8px 12px}.record-bean-info strong{color:#8b4513;font-weight:600}.bean-meta{color:#666;font-weight:400}@media (max-width:768px){.search-filters{gap:16px;grid-template-columns:1fr}}.settings-description{color:#666;font-size:14px;margin-bottom:20px}.navbar{background-color:#8b4513;box-shadow:0 2px 8px #0000001a;color:#fff;padding:18px 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 40px}@media (max-width:768px){.navbar-container{padding:0 20px}}.navbar-brand{color:#fff;font-size:24px;font-weight:600;text-decoration:none}.navbar-menu{align-items:center;display:flex;flex-wrap:wrap;gap:20px}@media (max-width:768px){.navbar-menu{font-size:14px;gap:12px}.navbar-brand{font-size:20px}}.navbar-link{border-radius:4px;color:#fff;padding:5px 10px;text-decoration:none;transition:background-color .2s}.navbar-link:hover{background-color:#ffffff1a}.navbar-user{color:#ffffffe6;font-size:14px}.navbar-logout{background-color:#fff3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;padding:5px 15px;transition:background-color .2s}.navbar-logout:hover{background-color:#ffffff4d}.App{display:flex;flex-direction:column;min-height:100vh;overflow-x:clip;width:100%}.container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;padding:32px 40px;width:100%}@media (max-width:768px){.container{max-width:100%;padding:20px 16px}}.form-group{margin-bottom:24px}.form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:16px;padding:12px 16px;width:100%}.form-group textarea{min-height:100px;resize:vertical}.form-group input[type=number],.form-group input[type=range]{width:100%}.btn{border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s;white-space:nowrap}@media (max-width:768px){.btn{font-size:15px;max-width:100%;padding:10px 20px;width:auto}}.btn-primary{background-color:#8b4513;color:#fff}.btn-primary:hover{background-color:#6b3410}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;margin-bottom:24px;overflow-x:hidden;padding:32px;width:100%}@media (max-width:768px){.card{border-radius:10px;padding:20px}}.card-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}@media (max-width:768px){.card-header{align-items:flex-start;flex-direction:column;gap:16px}}.card-title{color:#333;font-size:24px;font-weight:600}.page-header{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:40px;width:100%}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;margin-bottom:24px}}.rating-display{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:32px;margin:20px 0;width:100%}.rating-item{align-items:center;display:flex;flex:1 1 auto;flex-direction:column;min-width:100px}@media (max-width:768px){.rating-display{gap:20px;justify-content:space-around}.rating-item{min-width:80px}}.rating-label{color:#666;font-size:12px;margin-bottom:5px}.rating-value{color:#8b4513;font-size:24px;font-weight:600}.search-bar{margin-bottom:24px}.search-bar input{border:1px solid #ddd;border-radius:8px;font-size:16px;padding:14px 18px}.records-grid,.search-bar input{box-sizing:border-box;width:100%}.records-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}@media (max-width:768px){.records-grid{gap:16px;grid-template-columns:1fr}}.range-input{align-items:center;display:flex;gap:16px}.range-input input[type=range]{flex:1 1}.range-input span{color:#8b4513;font-weight:600;min-width:40px;text-align:center}
/*# sourceMappingURL=main.d8ac3b54.css.map*/