*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#293343;--color-accent:coral;--color-background:#f1f2f2;--color-white:#fff;--color-text:#000;--color-border:#ccc;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px)}body,html{overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--color-background);color:var(--color-text);-webkit-tap-highlight-color:transparent}#__next,body,html{height:100%;width:100%}#__next{display:flex;flex-direction:column}.safe-area{padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.scroll-container{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-accent) transparent}.scroll-container::-webkit-scrollbar{width:4px}.scroll-container::-webkit-scrollbar-track{background:transparent}.scroll-container::-webkit-scrollbar-thumb{background-color:var(--color-accent);border-radius:4px}.app-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 8px;height:65px;background-color:var(--color-primary);width:100%;z-index:5;flex-shrink:0}.app-header-title{color:#fff;font-size:20px;margin-left:5px}.btn-accent{background-color:var(--color-accent);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s}.btn-accent:hover{opacity:.9}.btn-accent:active{opacity:.7}.btn-accent:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:10px;padding:20px;width:90%;max-width:400px}.modal-header{font-size:20px;font-weight:700;text-align:center;margin-bottom:10px;color:#000}.loading-overlay{position:fixed;inset:0;background:hsla(0,0%,100%,.7);display:flex;align-items:center;justify-content:center;z-index:999}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;border-radius:26px;transition:.3s}.toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.list-item{display:flex;flex-direction:row;align-items:center;padding:12px 10px;border-bottom:1px solid #e0e0e0;cursor:pointer;background:#fff;transition:background .15s}.list-item:hover{background:#f9f9f9}.list-item.highlighted{background-color:#ffe5d9}input[type=date],input[type=number],input[type=text],select,textarea{border:1px solid var(--color-border);border-radius:5px;padding:8px 10px;font-size:16px;outline:none;width:100%;background:#fff}input[type=number]:focus,input[type=text]:focus,select:focus{border-color:var(--color-accent)}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:15px}.radio-option input[type=radio]{accent-color:var(--color-accent);width:18px;height:18px}.card{background:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.page-container{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--color-background);overflow:hidden}