body{margin:0}#root{min-height:100vh;display:flex;flex-direction:column}input::-ms-reveal,input::-ms-clear{display:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:inherit;-webkit-box-shadow:0 0 0 1000px transparent inset;transition:background-color 9999s ease-in-out 0s}:root{--green-900: #0f3d1c;--green-700: #1a5d2b;--green-600: #217034;--green-50: #eef6f0;--yellow-600: #d99e00;--yellow-500: #f2b705;--yellow-50: #fdf6e3;--gray-25: #fafaf8;--gray-100: #f3f2ee;--gray-200: #e7e5df;--gray-400: #a8a6a0;--gray-500: #757269;--gray-900: #22201c;--red-600: #c0392b;--red-50: #fbeceb;--white: #ffffff;--shadow-xs: 0 1px 2px rgba(20, 20, 15, .05);--shadow-sm: 0 1px 3px rgba(20, 20, 15, .07), 0 1px 2px rgba(20, 20, 15, .04);--shadow-md: 0 4px 14px rgba(20, 20, 15, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:var(--gray-25);color:var(--gray-900);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app-shell{height:100vh;overflow:hidden;display:flex;flex-direction:column}.app-body{flex:1;display:flex;min-height:0}.app-content{flex:1;min-width:0;min-height:0;position:relative;overflow-y:auto}.portal-wave{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background:linear-gradient(to bottom,var(--green-700) 0%,var(--green-700) 4%,rgba(26,93,43,.55) 22%,rgba(26,93,43,.22) 45%,rgba(26,93,43,.06) 68%,rgba(26,93,43,0) 85%)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1.75rem;background:var(--green-700);color:#fff;position:sticky;top:0;z-index:40}.navbar-brand{display:flex;align-items:center;gap:.55rem;font-weight:600;font-size:1.05rem;color:var(--white);letter-spacing:.01em}.navbar-logo{width:30px;height:30px;object-fit:cover;border-radius:50%;flex-shrink:0}.navbar-links{display:flex;align-items:center;gap:.6rem}.sidebar{width:232px;flex-shrink:0;background:var(--yellow-50);border-right:1px solid rgba(242,183,5,.25);padding:1.25rem .9rem;display:flex;flex-direction:column;justify-content:space-between;transition:width .15s ease}.sidebar.is-collapsed{width:68px;padding:1.25rem .6rem}.sidebar-nav{display:flex;flex-direction:column;gap:.2rem}.sidebar-link{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;border-radius:var(--radius-sm);color:var(--gray-500);font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden}.sidebar-link:hover{background:#f2b70526;color:var(--gray-900)}.sidebar-link.is-active{background:var(--yellow-500);color:var(--white)}.sidebar-link svg{flex-shrink:0}.sidebar-link span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.sidebar.is-collapsed .sidebar-link{justify-content:center;padding:.6rem}.sidebar.is-collapsed .sidebar-link span,.sidebar.is-collapsed .sidebar-toggle span{display:none}.sidebar-toggle{display:flex;align-items:center;gap:.7rem;background:transparent;color:var(--gray-400);border:none;padding:1rem .8rem .6rem;font-size:.85rem;font-weight:500;border-top:1px solid rgba(242,183,5,.25);border-radius:0;margin-top:.75rem;white-space:nowrap;overflow:hidden}.sidebar-toggle:hover{background:transparent;color:var(--gray-900)}.sidebar.is-collapsed .sidebar-toggle{justify-content:center;padding-left:.6rem;padding-right:.6rem}.bottom-nav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--white);border-top:1px solid var(--gray-200);padding:.35rem .5rem calc(.35rem + env(safe-area-inset-bottom));box-shadow:0 -2px 12px #14140f0f}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;flex:1;min-width:0;padding:.35rem .25rem;border-radius:var(--radius-sm);color:var(--gray-400);font-size:.66rem;font-weight:500;letter-spacing:.01em}.bottom-nav-link span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-nav-link.is-active{color:var(--green-700)}.bottom-nav-link:active{background:var(--gray-100)}.icon-button{position:relative;background:#ffffff1f;color:#fff;border:none;border-radius:50%;width:2.15rem;height:2.15rem;display:flex;align-items:center;justify-content:center;padding:0}.icon-button:hover{background:#ffffff38}.badge-dot{position:absolute;top:3px;right:3px;width:7px;height:7px;border-radius:50%;background:var(--yellow-500);border:1.5px solid var(--green-700)}.dropdown-wrapper{position:relative}.dropdown-panel{position:absolute;top:calc(100% + .6rem);right:0;background:var(--white);color:var(--gray-900);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);min-width:260px;z-index:50;overflow:hidden}.notification-panel{max-height:320px;overflow-y:auto}.dropdown-empty{padding:1rem;color:var(--gray-500);margin:0;font-size:.85rem}.notification-item{padding:.7rem 1rem;border-bottom:1px solid var(--gray-100)}.notification-item p{margin:0 0 .2rem;font-size:.85rem}.notification-item span{font-size:.72rem;color:var(--gray-500)}.profile-panel{min-width:220px}.profile-info{padding:.9rem 1rem;display:flex;flex-direction:column;border-bottom:1px solid var(--gray-100)}.profile-info strong{font-size:.9rem}.profile-info span{font-size:.78rem;color:var(--gray-500)}.dropdown-action{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;background:#fff;color:var(--gray-900);border:none;border-radius:0;padding:.65rem 1rem;font-size:.85rem}.dropdown-action:hover{background:var(--gray-100)}.logout-action{color:var(--red-600)}button{cursor:pointer;font-family:inherit;background:var(--green-700);color:#fff;border:none;border-radius:var(--radius-sm);padding:.55rem 1.05rem;font-size:.87rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:background .15s ease,opacity .15s ease}button:hover{background:var(--green-900)}button:disabled{background:var(--gray-200);color:var(--gray-500);cursor:not-allowed}.btn-primary{background:var(--green-700);color:#fff}.btn-primary:hover:not(:disabled){background:var(--green-900)}.btn-yellow{background:var(--yellow-500);color:var(--gray-900)}.btn-yellow:hover:not(:disabled){background:var(--yellow-600)}.btn-yellow.is-loading:disabled{background:var(--yellow-500);color:var(--gray-900)}.btn-ghost{background:transparent;color:var(--gray-500);border:1px solid var(--gray-200)}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-900)}button.is-loading:disabled{background:var(--green-700);color:#fff;opacity:.9;cursor:progress}.btn-google.is-loading:disabled,.google-account-row.is-loading:disabled{background:var(--white);color:var(--gray-900);opacity:.85}.catalog-card-delete.is-loading:disabled{background:var(--red-50);color:var(--red-600);opacity:.9}.sparkle-spinner{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sparkle-spinner-main{color:currentColor;fill:currentColor;transform-origin:center;animation:sparkle-spin-pulse 1.6s ease-in-out infinite}.sparkle-spinner-mini{position:absolute;color:currentColor;fill:currentColor;opacity:0;animation:sparkle-twinkle 1.6s ease-in-out infinite}.sparkle-spinner-mini-a{top:-15%;right:-20%;animation-delay:.25s}.sparkle-spinner-mini-b{bottom:-10%;left:-22%;animation-delay:.75s}@keyframes sparkle-spin-pulse{0%{transform:rotate(0) scale(.8);opacity:.75}50%{transform:rotate(180deg) scale(1.08);opacity:1}to{transform:rotate(360deg) scale(.8);opacity:.75}}@keyframes sparkle-twinkle{0%,to{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}.bookmark-button.is-bookmarked{color:var(--yellow-600);border-color:var(--yellow-500);background:var(--yellow-50)}.error{color:var(--red-600);font-size:.85rem}.notice{color:var(--green-700);font-weight:500;font-size:.9rem}.empty-state{color:var(--gray-500);font-size:.9rem;padding:1.5rem 0}.muted{color:var(--gray-500);font-weight:400}.auth-page-wave{position:relative;z-index:0;height:100vh;background:var(--gray-25);overflow:hidden}.auth-hero-watermark{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.1;z-index:2;pointer-events:none}.auth-hero-sparkle{position:absolute;top:14%;left:62%;width:56px;height:56px;color:var(--yellow-500);fill:var(--yellow-500);transform:rotate(15deg);filter:drop-shadow(0 0 10px rgba(242,183,5,.6));z-index:2;pointer-events:none}.auth-hero{position:absolute;top:0;left:0;width:100%;height:clamp(300px,44vh,420px);background:linear-gradient(45deg,var(--green-900) 0%,var(--green-600) 100%);overflow:hidden;z-index:1}.auth-hero-brand{position:relative;z-index:2;padding:1.75rem 2rem;color:#fff;font-family:Raleway,Segoe UI,system-ui,sans-serif;font-weight:800;font-size:clamp(1.75rem,3.2vw,2.5rem);letter-spacing:.02em}.auth-hero-wave{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.auth-hero-wave path{fill:var(--gray-25)}.auth-hero-green-bottom{position:absolute;bottom:0;left:0;width:100%;height:clamp(220px,30vh,320px);background:linear-gradient(135deg,var(--green-700) 0%,var(--green-900) 100%);overflow:hidden;z-index:0}.auth-hero-green-bottom-wave{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.auth-hero-green-bottom-wave path{fill:var(--gray-25)}.auth-hero-yellow-trim{position:absolute;bottom:0;left:0;width:100%;height:clamp(220px,30vh,320px);overflow:hidden;z-index:1}.auth-hero-yellow-trim-wave{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.auth-hero-yellow-wave path{fill:var(--gray-25)}.auth-card-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.auth-form{background:var(--white);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);width:100%;max-width:380px;display:flex;flex-direction:column;gap:1rem}.auth-form h2{color:var(--green-700);margin:0;text-align:center}.auth-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--gray-500)}.auth-form input,.auth-form select{padding:.55rem .7rem;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.95rem;color:var(--gray-900)}.field-group{display:flex;flex-direction:column;gap:.35rem}.field-group>label{font-size:.85rem;font-weight:500;color:var(--gray-900)}.input-icon-wrapper{display:flex;align-items:center;gap:.55rem;border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:.55rem .7rem;color:var(--gray-400);background:#fff}.input-icon-wrapper:focus-within{border-color:var(--green-600)}.input-icon-wrapper.has-error{border-color:var(--red-600)}.input-icon-wrapper input{border:none!important;padding:0!important;outline:none;flex:1;font-size:.95rem;color:var(--gray-900)}.input-icon-action{background:transparent;color:var(--gray-400);padding:0;border-radius:0}.input-icon-action:hover{background:transparent;color:var(--gray-900)}.field-error{margin:0;font-size:.78rem;color:var(--red-600)}.field-hint{margin:0;font-size:.78rem;color:var(--gray-500)}.forgot-password-link{align-self:flex-start;font-size:.85rem;font-weight:500;color:var(--green-700);margin-top:-.4rem}.forgot-password-link:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:.75rem;color:var(--gray-400);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--gray-200)}.btn-google{background:#fff;color:var(--gray-900);border:1px solid var(--gray-200);justify-content:center;font-weight:500}.btn-google:hover{background:var(--gray-100)}.auth-notice{font-size:.8rem;color:var(--gray-500);text-align:center;margin:0}.page{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:2rem 2.25rem 3rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.page-header h1{font-size:1.35rem;margin:0 0 .25rem;color:#fff}.page-subtitle{color:#ffffffd1;font-size:.9rem;margin:0}.search-bar-row{display:flex;gap:.6rem;margin-bottom:1.5rem}.search-input-wrapper{flex:1;display:flex;align-items:center;gap:.55rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:.55rem .9rem;color:var(--gray-500)}.search-input-wrapper input{border:none;outline:none;flex:1;font-size:.9rem;color:var(--gray-900)}.filter-button{background:#fff;color:var(--gray-500);border:1px solid var(--gray-200);border-radius:var(--radius-sm);width:2.5rem;height:2.5rem;justify-content:center}.filter-button:hover{background:var(--gray-100);color:var(--gray-900)}.filter-panel{padding:1rem;min-width:200px}.filter-panel label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;color:var(--gray-500)}.filter-panel select{padding:.45rem;border-radius:var(--radius-sm);border:1px solid var(--gray-200)}.catalog-page{height:100%;display:flex;flex-direction:column}.catalog-scroll-area{flex:1;min-height:0;overflow-y:auto;margin:0 -.25rem;padding:0 .25rem .25rem}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.1rem}.catalog-card{position:relative;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s ease;display:flex;flex-direction:column}.catalog-card:hover{border-color:var(--green-600)}.catalog-card-delete{position:absolute;top:.5rem;right:.5rem;width:1.8rem;height:1.8rem;padding:0;justify-content:center;background:#ffffffeb;color:var(--red-600);border:1px solid var(--gray-200);z-index:2}.catalog-card-delete:hover{background:var(--red-50)}.catalog-card-cover{height:130px;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}.catalog-card-cover span{font-size:2rem;font-weight:600;opacity:.92}.catalog-card-cover img{width:100%;height:100%;object-fit:cover}.catalog-card-body{padding:.9rem 1rem 1rem;display:flex;flex-direction:column;gap:.3rem;flex:1}.catalog-card-tag{align-self:flex-start;font-size:.7rem;font-weight:600;color:var(--green-700);background:var(--green-50);padding:.15rem .5rem;border-radius:999px;text-transform:uppercase;letter-spacing:.02em}.catalog-card-title{margin:.15rem 0 0;font-size:.94rem;font-weight:600;line-height:1.35;color:var(--gray-900)}.catalog-card-author{margin:0;font-size:.82rem;color:var(--gray-500)}.catalog-card-availability{margin-top:auto;padding-top:.5rem;font-size:.78rem;color:var(--gray-500);display:flex;align-items:center;gap:.4rem}.availability-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.availability-dot.is-available{background:var(--green-600)}.availability-dot.is-unavailable{background:var(--red-600)}.is-available-text{color:var(--green-700);font-weight:600}.is-unavailable-text{color:var(--red-600);font-weight:600}.status-badge{display:inline-block;padding:.22rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-reserved{background:var(--yellow-50);color:var(--yellow-600)}.status-borrowed{background:var(--green-50);color:var(--green-700)}.status-returned{background:var(--gray-100);color:var(--gray-500)}.record-list{display:flex;flex-direction:column;gap:.85rem}.record-row{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:1rem 1.15rem;display:grid;grid-template-columns:52px 1fr auto;gap:1rem;align-items:center}.record-cover{width:46px;height:62px;border-radius:var(--radius-sm);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;overflow:hidden}.record-cover img{width:100%;height:100%;object-fit:cover}.record-title{margin:0 0 .2rem;font-weight:600;font-size:.92rem}.record-line{margin:.1rem 0;font-size:.82rem}.record-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.55rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14140f73;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50;overflow-y:auto}.modal-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:460px;width:100%;padding:1.75rem;position:relative;margin:auto}.modal-card-wide{max-width:620px}.modal-close{position:absolute;top:.9rem;right:.9rem;background:transparent;color:var(--gray-500);padding:.3rem;border-radius:50%}.modal-close:hover{background:var(--gray-100);color:var(--gray-900)}.modal-back{background:transparent;color:var(--gray-500);padding:0;margin-bottom:.75rem;font-size:.85rem}.modal-back:hover{background:transparent;color:var(--green-700)}.modal-header-grid{display:grid;grid-template-columns:96px 1fr;gap:1.25rem;margin-bottom:1.1rem}.modal-cover{width:96px;height:128px;border-radius:var(--radius-md);color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.modal-cover span{font-size:2.1rem;font-weight:600;opacity:.92}.modal-cover img{width:100%;height:100%;object-fit:cover}.modal-title{margin:0;font-size:1.1rem;font-weight:600}.modal-subtitle{margin:.2rem 0 .5rem;color:var(--gray-500);font-size:.88rem}.modal-fact-list{margin:.6rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem}.modal-fact-list div{display:flex;flex-direction:column}.modal-fact-list dt{font-size:.72rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.02em}.modal-fact-list dd{margin:.1rem 0 0;font-size:.86rem;font-weight:500}.section-title{color:var(--gray-900);margin:.5rem 0;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500)}.modal-description{font-size:.88rem;line-height:1.55;color:var(--gray-900);margin:0 0 1.1rem}.modal-action-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.75rem;border-top:1px solid var(--gray-100)}.app-toast-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;pointer-events:none}.app-toast-card{display:flex;flex-direction:column;align-items:center;gap:.9rem;min-width:220px;max-width:320px;padding:1.75rem 2rem;border-radius:var(--radius-lg);background:#14140fe0;box-shadow:var(--shadow-md);animation:app-toast-in .2s ease-out,app-toast-out .25s ease-in 1.95s forwards}.app-toast-message{margin:0;text-align:center;font-size:.95rem;font-weight:500;color:#fff;order:1}.app-toast-icon{order:2}.app-toast-success .app-toast-icon{color:var(--green-50)}.app-toast-error .app-toast-icon{color:#ffb4ac}@keyframes app-toast-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes app-toast-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.google-picker-card{max-width:360px;text-align:center;padding:2rem 1.75rem 1.5rem}.google-picker-header{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-bottom:1.25rem}.google-picker-title{margin:.4rem 0 0;font-size:1.2rem;font-weight:500;color:var(--gray-900)}.google-picker-subtitle{margin:0;font-size:.85rem;color:var(--gray-500)}.google-account-list{display:flex;flex-direction:column;border:1px solid var(--gray-200);border-radius:var(--radius-sm);overflow:hidden;text-align:left}.google-account-row{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem .9rem;background:#fff;border:none;border-radius:0;border-bottom:1px solid var(--gray-100)}.google-account-row:last-child{border-bottom:none}.google-account-row:not(:disabled):hover{background:var(--gray-50, var(--gray-100))}.google-account-row-disabled{color:var(--gray-400);cursor:not-allowed}.google-account-avatar{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--green-600);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:600}.google-account-avatar-muted{background:var(--gray-200);color:var(--gray-500)}.google-account-info{display:flex;flex-direction:column;min-width:0}.google-account-name{font-size:.88rem;font-weight:500;color:var(--gray-900)}.google-account-email{font-size:.78rem;color:var(--gray-500)}.google-picker-footnote{margin:1rem 0 0;font-size:.72rem;color:var(--gray-400);text-align:center}.reservation-form{display:flex;flex-direction:column;gap:.9rem}.reservation-form-row{display:flex;gap:1rem}.reservation-form-row label,.reservation-form-row span{flex:1}.reservation-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.82rem;color:var(--gray-500)}.reservation-form input,.reservation-form textarea{padding:.55rem .7rem;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.9rem;font-family:inherit;color:var(--gray-900)}.reservation-form-row>span{font-size:.85rem;background:var(--gray-100);border-radius:var(--radius-sm);padding:.6rem .8rem}.cover-input-row{display:flex;align-items:center;gap:.6rem}.cover-input-row input[type=url]{flex:1;min-width:0}.cover-input-divider{font-size:.8rem;color:var(--gray-400)}.reservation-form .cover-upload-button{flex-direction:row;align-items:center;gap:.4rem;white-space:nowrap;font-size:.82rem;color:var(--gray-500);cursor:pointer}.cover-preview{margin-top:.5rem;width:96px;height:96px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--gray-200)}.cover-preview img{width:100%;height:100%;object-fit:cover}.policy-agreement{flex-direction:row!important;align-items:flex-start;gap:.55rem!important;font-size:.8rem!important}.policy-agreement input{width:auto;margin-top:.15rem}.success-card{text-align:center}.success-icon{color:var(--green-700);margin:.25rem auto .5rem;display:block}.success-title{color:var(--gray-900);margin:0 0 1.2rem;font-size:1.15rem}.success-box,.success-ref-box{border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:.9rem 1.1rem;text-align:left;margin-bottom:1rem}.success-box p{margin:.3rem 0;font-size:.87rem}.success-ref-box{display:flex;justify-content:space-between;align-items:center;background:var(--green-50);border-color:transparent}.success-ref-box strong{color:var(--green-700);font-size:.95rem}.success-warning{font-size:.8rem;color:var(--gray-500);margin-bottom:1.3rem;display:flex;align-items:flex-start;gap:.4rem;text-align:left}.success-warning svg{flex-shrink:0;color:var(--yellow-600);margin-top:.1rem}.success-card>.btn-primary{margin:0 auto}.field-label{font-weight:600;color:var(--gray-500)}@media (max-width: 860px){.sidebar{display:none}.bottom-nav{display:flex}.app-content{padding-bottom:calc(56px + env(safe-area-inset-bottom))}.page{padding:1.5rem 1.25rem 2.5rem}.modal-header-grid,.modal-fact-list,.record-row{grid-template-columns:1fr}.record-actions{align-items:flex-start}}@media (max-width: 600px){.modal-card{padding:1.25rem}.reservation-form-row{flex-direction:column;gap:.9rem}.cover-input-row{flex-wrap:wrap}.cover-input-row input[type=text]{flex-basis:100%}.cover-input-divider{display:none}.reservation-form .cover-upload-button{flex:1;justify-content:center}.modal-action-row{flex-direction:column;align-items:stretch}.google-picker-card{padding:1.5rem 1.25rem}}