.welcome-screen{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:#fff;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;transform:translate(0);touch-action:none;overscroll-behavior:none;-webkit-overflow-scrolling:auto;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);animation:screenFadeOut .8s ease forwards;animation-delay:10s}.logo-svg{width:180px;height:180px;max-width:50vw;max-height:50vh;flex-shrink:0;margin:290px auto auto;filter:drop-shadow(0 8px 24px rgba(3,83,58,.3)) drop-shadow(0 4px 12px rgba(11,240,168,.2));animation:logoAppear .5s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:scale(.8) translate(0) translateY(-15px);transform-origin:center center;overflow:visible;pointer-events:none;touch-action:none}@media(max-width:480px){.logo-svg{width:150px;height:150px}}@media(max-width:360px){.logo-svg{width:120px;height:120px}}.logo-stroke{fill:none;stroke:url(#logoGradientStroke);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 2.2s cubic-bezier(.65,0,.35,1) forwards;animation-delay:.3s;filter:drop-shadow(0 0 4px rgba(11,240,168,.5))}.logo-fill{fill:url(#logoGradient);opacity:0;animation:fillIn 1s cubic-bezier(.4,0,.2,1) forwards;animation-delay:2.2s;filter:drop-shadow(0 0 8px rgba(11,240,168,.4))}@keyframes logoAppear{0%{opacity:0;transform:scale(.8) translate(-50px) translateY(-15px)}to{opacity:1;transform:scale(1) translate(0) translateY(0)}}@keyframes drawLine{0%{stroke-dashoffset:1000;opacity:.6}30%{opacity:.9}to{stroke-dashoffset:0;opacity:1}}@keyframes fillIn{0%{opacity:0;transform:scale(.96);filter:drop-shadow(0 0 0px rgba(11,240,168,0))}50%{opacity:.8;transform:scale(1.02);filter:drop-shadow(0 0 6px rgba(11,240,168,.3))}to{opacity:1;transform:scale(1);filter:drop-shadow(0 0 8px rgba(11,240,168,.4))}}@keyframes screenFadeOut{to{opacity:0;transform:scale(.97)}}@media(prefers-reduced-motion:reduce){.logo-stroke,.logo-fill,.welcome-screen{animation:none!important}}.native-app-container{min-height:100dvh;position:relative;background:#f5f5f5;width:100%;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);box-sizing:border-box;overflow-x:hidden}.offline-banner,.update-banner{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ff6b6b;color:#fff;padding:max(12px,calc(12px + env(safe-area-inset-top,0))) max(16px,calc(16px + env(safe-area-inset-left,0))) 12px max(16px,calc(16px + env(safe-area-inset-right,0)));padding-top:max(12px,calc(12px + env(safe-area-inset-top,0)));display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;box-shadow:0 2px 8px #ff6b6b4d}.update-banner{background:#51cf66;box-shadow:0 2px 8px #51cf664d}.offline-icon,.update-icon{font-size:16px}.update-button{margin-left:auto;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.update-button:hover{background:#ffffff4d}.app-layout{min-height:100dvh;background:#f5f5f5;transition:opacity .3s ease;width:100%;box-sizing:border-box;position:relative}.app-layout.app-hidden{opacity:.7;pointer-events:none}.app-content{padding:0;min-height:100%;animation:fadeInContent .5s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box;margin:0;background:linear-gradient(180deg,#07b981,#03533a);background-repeat:no-repeat}@keyframes fadeInContent{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:575px){.app-content{padding-top:max(12px,calc(12px + env(safe-area-inset-top,0)));padding-left:0;padding-right:0;padding-bottom:max(85px,calc(85px + env(safe-area-inset-bottom,0)))}}@media(min-width:576px)and (max-width:991px){.app-content{padding-top:max(20px,calc(20px + env(safe-area-inset-top,0)));padding-left:0;padding-right:0;padding-bottom:max(95px,calc(95px + env(safe-area-inset-bottom,0)));max-width:100%}}@media(min-width:992px){.app-content{max-width:100%;margin:0;padding-top:max(32px,calc(32px + env(safe-area-inset-top,0)));padding-left:0;padding-right:0;padding-bottom:max(100px,calc(100px + env(safe-area-inset-bottom,0)))}}@media(min-width:1400px){.app-content{max-width:100%}}@keyframes slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-down{animation:slide-down .3s cubic-bezier(.4,0,.2,1)}.install-prompt-banner{position:fixed;bottom:80px;left:0;right:0;background:linear-gradient(135deg,#0f6b53,#1a8a6f);color:#fff;padding:12px 16px;box-shadow:0 -2px 10px #0000001a;z-index:1000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.install-prompt-content{display:flex;align-items:center;justify-content:space-between;max-width:100%;gap:12px}.install-prompt-text{display:flex;align-items:center;gap:8px;flex:1;font-size:14px;font-weight:500}.install-icon{font-size:18px}.install-prompt-actions{display:flex;gap:8px;align-items:center}.install-prompt-modal .ant-modal-content{border-radius:16px;padding:24px}.install-modal-content{text-align:center}.install-modal-content h3{margin:0 0 16px;font-size:20px;font-weight:600;color:#0f6b53}.install-modal-content p{margin:0 0 20px;color:#666;font-size:14px}.install-instructions{text-align:left;margin:20px 0;padding-left:20px}.install-instructions li{margin:12px 0;line-height:1.6;color:#333}.install-instructions strong{color:#0f6b53;font-weight:600}.ios-share{display:inline-block;width:24px;height:24px;background:#0f6b53;color:#fff;border-radius:4px;text-align:center;line-height:24px;font-size:14px;margin:0 4px;vertical-align:middle}.install-benefits{text-align:left;margin:20px 0;padding:16px;background:#f5f5f5;border-radius:8px;line-height:2;color:#666}.install-benefits .anticon{color:#07b981;margin-right:8px}@media(max-width:768px){.install-prompt-banner{bottom:70px;padding:10px 12px}.install-prompt-text{font-size:13px}.install-prompt-actions{gap:4px}}.applock-shake{animation:applock-shake .65s}@keyframes applock-shake{0%{transform:translate(0)}10%{transform:translate(-8px)}20%{transform:translate(8px)}30%{transform:translate(-6px)}40%{transform:translate(6px)}50%{transform:translate(-4px)}60%{transform:translate(4px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}90%{transform:translate(-1px)}to{transform:translate(0)}}:root{--primary: #03533A;--primary-accent: #07B981;--primary-light: #10D98E;--primary-dark: #024830;--primary-contrast: #012A21;--primary-bg: #E8FBF4;--text-main: #0f1f0f}html,body{scroll-behavior:auto!important;margin:0;padding:0;width:100%;height:100%;min-height:100dvh;background:#f5f5f5;overscroll-behavior-x:hidden;overscroll-behavior-y:none;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,transform .1s ease}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}::-webkit-scrollbar{display:none}@media(max-width:575px){body{font-size:14px}}.safe-area-top{padding-top:env(safe-area-inset-top,0)!important}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0)!important}.safe-area-left{padding-left:env(safe-area-inset-left,0)!important}.safe-area-right{padding-right:env(safe-area-inset-right,0)!important}
