@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,700&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,400&display=swap";*{box-sizing:border-box}html,body{overflow-x:hidden}@media (max-width: 600px){.app-header{gap:8px!important}.app-header-left{gap:8px!important;flex-wrap:wrap!important}.app-header-left h1{font-size:20px!important}.btn-add-item{padding:6px 10px!important;font-size:12px!important}}@media (max-width: 600px){.item-card{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:12px 14px!important;cursor:pointer!important}.item-card-content{width:100%!important;min-width:0!important}.item-card-actions{width:100%!important;justify-content:flex-end!important;gap:8px!important}.item-card-actions button{padding:8px 12px!important;font-size:13px!important}}@media (max-width: 480px){.modal-overlay{padding:16px!important}.modal{padding:16px!important;border-radius:8px!important;max-height:calc(100vh - 32px);overflow-y:auto;overflow-x:hidden}.modal-title{font-size:16px!important}.modal-actions{flex-direction:column-reverse!important}.modal-actions button{width:100%}.modal input[type=date]{max-width:100%!important;width:100%!important;box-sizing:border-box!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}}@media (max-width: 600px){.form-modal{margin:16px!important;padding:16px!important;max-width:none!important;width:calc(100% - 32px)!important}}@media (max-width: 480px){.usage-input-row{flex-direction:column!important;gap:12px!important}}@media (max-width: 600px){.admin-user-card{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.admin-user-controls{width:100%;align-items:flex-start!important}.admin-permissions-section{flex-wrap:wrap!important}}@media (max-width: 600px){.item-details-modal{width:calc(100% - 32px)!important;max-width:none!important;margin:16px;max-height:calc(100vh - 32px)}.item-details-header{flex-direction:row!important;align-items:flex-start!important;gap:12px!important;padding:16px!important}.item-details-modal>div>div{padding-left:16px!important;padding-right:16px!important}.item-details-actions{width:100%;display:flex;gap:8px}.item-details-actions button{flex:1}}@media (max-width: 480px){.empty-state{padding:40px 16px!important}.empty-state h2{font-size:18px!important}.empty-state p{font-size:14px!important}}@media (max-width: 600px){.settings-section{padding:12px!important}.settings-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}}@media (max-width: 480px){.auth-container{padding:16px!important}.auth-form{padding:20px!important}}@media (max-width: 600px){button,input[type=checkbox],.menu-item{min-height:44px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{font-size:16px!important;text-align:left!important;direction:ltr!important}}@supports (-webkit-touch-callout: none){input,select,textarea{font-size:16px!important}input[type=number],input[type=text]{font-family:-apple-system,system-ui,BlinkMacSystemFont,sans-serif!important;letter-spacing:normal!important}}@media (max-width: 480px){.offline-banner{font-size:13px!important;padding:8px 12px!important}.offline-banner svg{flex-shrink:0}}:root{--teal: #2d6a6a;--teal-light: #3d8a8a;--teal-muted: #4a7c7c;--coral: #d95030;--coral-light: #e86850;--terracotta: #c4532a;--cream: #f8f5f0;--cream-dark: #efe9e0;--warm-white: #fdfcfa;--charcoal: #2c2c2c;--charcoal-light: #4a4a4a;--warm-gray: #8a8380;--warm-gray-light: #b8b2aa;--shadow-color: rgba(44, 44, 44, .08);--shadow-heavy: rgba(44, 44, 44, .12)}html,body{margin:0;padding:0}html,body,#root{min-height:100svh}body{background:var(--cream);color:var(--charcoal)}.bg{position:fixed;top:0;left:0;width:100vw;height:105lvh;z-index:-1;transform:translateZ(0);will-change:transform;background:radial-gradient(circle 400px at -5% 0%,rgba(45,106,106,.35) 0%,rgba(45,106,106,.35) 60%,transparent 61%),radial-gradient(circle 300px at 105% -5%,rgba(45,106,106,.28) 0%,rgba(45,106,106,.28) 60%,transparent 61%),radial-gradient(circle 450px at 100% 90%,rgba(45,106,106,.22) 0%,rgba(45,106,106,.22) 60%,transparent 61%),radial-gradient(circle 350px at 5% 15%,rgba(217,80,48,.3) 0%,rgba(217,80,48,.3) 60%,transparent 61%),radial-gradient(circle 280px at 95% 5%,rgba(217,80,48,.25) 0%,rgba(217,80,48,.25) 60%,transparent 61%),radial-gradient(circle 380px at 95% 80%,rgba(217,80,48,.2) 0%,rgba(217,80,48,.2) 60%,transparent 61%),radial-gradient(circle 320px at -5% 95%,rgba(217,80,48,.22) 0%,rgba(217,80,48,.22) 60%,transparent 61%),var(--cream)}#root{position:relative;z-index:1}#root>div{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif!important;zoom:1.02}.app-header{border-bottom:2px solid var(--charcoal)!important;padding-bottom:16px!important;margin-bottom:32px!important}.app-header h1{font-family:Fraunces,Georgia,serif!important;font-size:26px!important;font-weight:700!important;color:var(--charcoal)!important;letter-spacing:-.5px!important;margin:0!important;background:none!important;padding:0!important;border:none!important;box-shadow:none!important;text-shadow:none!important}.app-header h1:hover{color:var(--teal)!important}.btn-add-item{background:var(--coral)!important;color:#fff!important;border:none!important;box-shadow:none!important;font-family:DM Sans,sans-serif!important;font-size:13px!important;font-weight:500!important;border-radius:6px!important;padding:8px 14px!important;transition:background .15s ease!important}.btn-add-item:hover{background:var(--terracotta)!important}.user-menu-trigger{transition:transform .15s ease!important}.user-menu-trigger:hover{transform:scale(1.05)!important}.user-menu-trigger .hamburger-line{background:var(--charcoal)!important}.user-menu-dropdown{background:var(--warm-white)!important;border:1px solid var(--cream-dark)!important;font-family:DM Sans,sans-serif!important}.user-menu-dropdown button{font-family:DM Sans,sans-serif!important;color:var(--charcoal)!important;transition:background .1s ease!important}.user-menu-dropdown button:hover{background:var(--cream-dark)!important}input[type=text][placeholder="Search items..."]{background:var(--warm-white)!important;border:1.5px solid var(--warm-gray-light)!important;border-radius:8px!important;font-family:DM Sans,sans-serif!important;font-size:15px!important;padding:12px 16px!important;color:var(--charcoal)!important;box-shadow:none!important;transition:border-color .15s ease!important}input[type=text][placeholder="Search items..."]:focus{border-color:var(--teal)!important;outline:none!important}input[type=text][placeholder="Search items..."]::placeholder{font-family:DM Sans,sans-serif!important;font-size:15px!important;color:var(--warm-gray)!important}.section-title{display:inline-block!important;background:var(--charcoal)!important;padding:6px 14px!important;border-radius:4px!important;font-family:DM Sans,sans-serif!important;font-size:11px!important;font-weight:600!important;color:var(--cream)!important;letter-spacing:.5px!important;text-transform:uppercase!important;margin-bottom:14px!important;box-shadow:none!important;border:none!important;text-shadow:none!important}.item-card{background:var(--warm-white)!important;border:1.5px solid var(--cream-dark)!important;border-radius:10px!important;padding:14px 16px!important;box-shadow:0 1px 3px var(--shadow-color)!important;transition:border-color .15s ease,box-shadow .15s ease!important;transform:none!important}.item-card:before,.item-card:after{display:none!important}.item-card:hover{border-color:var(--warm-gray-light)!important;box-shadow:0 2px 8px var(--shadow-heavy)!important}.item-card:nth-child(odd),.item-card:nth-child(2n),.item-card:nth-child(3n){transform:none!important}.item-card .item-card-content>div:first-child{background:var(--teal)!important;border:none!important;font-family:Fraunces,serif!important;font-size:18px!important;font-weight:600!important;color:#fff!important;box-shadow:none!important}.item-card .item-card-content span[style*="fontWeight: 500"]{font-family:Fraunces,Georgia,serif!important;font-size:17px!important;font-weight:600!important;color:var(--charcoal)!important}.item-card span[style*="fontSize: 11"]{background:var(--cream-dark)!important;border:none!important;font-family:DM Sans,sans-serif!important;font-size:10px!important;font-weight:500!important;letter-spacing:.3px!important;text-transform:uppercase!important;color:var(--warm-gray)!important;padding:3px 8px!important;border-radius:4px!important}.item-card div[style*="fontSize: 13"]{font-family:DM Sans,sans-serif!important;font-size:13px!important;color:var(--warm-gray)!important}.item-card span[style*="color: #059669"]{color:var(--teal)!important;font-weight:500!important}.item-card span[style*="color: #b45309"]{color:var(--coral)!important;font-weight:500!important}.btn-log-upkeep{background:var(--teal)!important;color:#fff!important;border:none!important;font-family:DM Sans,sans-serif!important;font-size:12px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;border-radius:6px!important;padding:8px 14px!important;box-shadow:none!important;text-shadow:none!important;transform:none!important;transition:background .15s ease!important}.btn-log-upkeep:hover{background:var(--teal-light)!important;transform:none!important}.btn-log-use{background:transparent!important;color:var(--charcoal)!important;border:1.5px solid var(--warm-gray-light)!important;font-family:DM Sans,sans-serif!important;font-size:12px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;border-radius:6px!important;padding:8px 14px!important;box-shadow:none!important;text-shadow:none!important;transform:none!important;transition:all .15s ease!important}.btn-log-use:hover{background:var(--cream-dark)!important;border-color:var(--charcoal)!important}.item-card-actions button[style*="backgroundColor: transparent"]{background:transparent!important;border-radius:6px!important;color:var(--warm-gray)!important}.item-card-actions button[style*="backgroundColor: transparent"]:hover{background:var(--cream-dark)!important;color:var(--charcoal)!important}.modal-overlay{background:#2c2c2c66!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--warm-white)!important;border-radius:12px!important;border:1px solid var(--cream-dark)!important;box-shadow:0 8px 32px #2c2c2c26!important}.modal-title{font-family:Fraunces,Georgia,serif!important;font-size:20px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:var(--charcoal)!important}.modal input[type=text],.modal input[type=number],.modal input[type=date],.modal textarea,.modal select{background:var(--warm-white)!important;border:1.5px solid var(--warm-gray-light)!important;border-radius:6px!important;font-family:DM Sans,sans-serif!important;font-size:15px!important;color:var(--charcoal)!important;box-shadow:none!important}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:var(--teal)!important;outline:none!important}.modal label{font-family:DM Sans,sans-serif!important;font-size:12px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;color:var(--charcoal-light)!important}.modal-actions button[style*="backgroundColor: #f3f4f6"]{background:transparent!important;border:1.5px solid var(--warm-gray-light)!important;font-family:DM Sans,sans-serif!important;font-size:13px!important;font-weight:500!important;text-transform:none!important;border-radius:6px!important;color:var(--charcoal)!important;transform:none!important}.modal-actions button[style*="backgroundColor: #3b82f6"]{background:var(--teal)!important;color:#fff!important;border:none!important;font-family:DM Sans,sans-serif!important;font-size:13px!important;font-weight:500!important;text-transform:none!important;border-radius:6px!important;transform:none!important}.modal-actions button[style*="backgroundColor: #dc2626"]{background:var(--coral)!important;color:#fff!important;border:none!important;font-family:DM Sans,sans-serif!important;font-size:13px!important;font-weight:500!important;text-transform:none!important;border-radius:6px!important}button[style*="background: none"][style*="fontSize: 14"]{font-family:DM Sans,sans-serif!important;font-size:13px!important;color:var(--warm-gray)!important;text-shadow:none!important}button[style*="background: none"][style*="fontSize: 14"]:hover{color:var(--charcoal)!important}.empty-state{background:var(--warm-white)!important;border:1.5px solid var(--cream-dark)!important;border-radius:12px!important;padding:48px 32px!important;box-shadow:none!important}.empty-state h2{font-family:Fraunces,Georgia,serif!important;font-weight:600!important;color:var(--charcoal)!important;letter-spacing:0!important}.empty-state p{font-family:DM Sans,sans-serif!important;color:var(--warm-gray)!important}.empty-state button{background:var(--coral)!important;color:#fff!important;border:none!important;font-family:DM Sans,sans-serif!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;border-radius:8px!important}.empty-state button:hover{background:var(--terracotta)!important}.form-modal{background:var(--warm-white)!important}div[style*="backgroundColor: white"][style*=boxShadow][style*="minWidth: 160"]{background:var(--warm-white)!important;border:1px solid var(--cream-dark)!important;border-radius:8px!important;box-shadow:0 4px 16px var(--shadow-heavy)!important}div[style*="backgroundColor: white"][style*=boxShadow][style*="minWidth: 160"] button{font-family:DM Sans,sans-serif!important;font-size:13px!important}.usage-input-row{gap:12px!important}.usage-input-row input{font-family:DM Sans,sans-serif!important;font-size:16px!important}.usage-input-row button{background:#3b82f6!important;color:#fff!important;font-family:DM Sans,sans-serif!important;font-size:13px!important;font-weight:500!important;text-transform:none!important;border:none!important;border-radius:6px!important}mark{background:#d9503033!important;color:inherit!important;padding:1px 3px!important;border-radius:3px!important}div[style*="backgroundColor: #fee"]{background:#d950301a!important;border:1px solid var(--coral)!important;color:var(--terracotta)!important;font-family:DM Sans,sans-serif!important;border-radius:8px!important}.spinner-text{font-family:DM Sans,sans-serif!important;color:var(--charcoal)!important}