.spinner{display:inline-flex;align-items:center;justify-content:center}.spinner-sm .spinner-circle{width:20px;height:20px;border-width:2px}.spinner-md .spinner-circle{width:32px;height:32px;border-width:3px}.spinner-lg .spinner-circle{width:48px;height:48px;border-width:4px}.spinner-circle{border-style:solid;border-radius:50%;animation:spin .8s linear infinite}.spinner-black .spinner-circle{border-color:var(--color-gray-200);border-top-color:var(--color-black)}.spinner-white .spinner-circle{border-color:#ffffff4d;border-top-color:var(--color-white)}.spinner-pink .spinner-circle{border-color:#ff47a44d;border-top-color:var(--color-pink)}.spinner-lime .spinner-circle{border-color:#c2ff644d;border-top-color:var(--color-lime)}.spinner-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#ffffffe6;z-index:1000}.onboarding14{display:flex;flex-direction:column;align-items:center;border-radius:30px;box-shadow:10px 10px 20px #00000059;background:#f5f5f5;padding:85px 26px 51px;width:428px;height:926px;overflow:hidden;position:relative;margin:0 auto}.onboarding14 .a11{width:125px;height:27px}.onboarding14 .a{margin:86px 0 0;width:232px;height:30px;line-height:29px;letter-spacing:-.5px;color:#f037a5;font-family:Neometric Alt,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Arial,Helvetica,sans-serif;font-size:32px;font-weight:500;font-style:italic;text-align:center}.onboarding14 .a4{margin:32px 0 0;width:314px;text-align:center;line-height:20px;letter-spacing:0;color:#000;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:16px}.onboarding14 .a3{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;margin-top:71px}.onboarding14 .a3 .a2{line-height:18px;letter-spacing:0;color:#000;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:16px}.onboarding14 .a3 .rectangle3{display:flex;align-items:center;align-self:stretch;justify-content:space-between;margin-top:12px;border-radius:23px;background:#fff;padding:10px 20px;min-width:376px;height:45px;cursor:pointer}.onboarding14 .a3 .rectangle3 .openmojiFlagRussia{display:flex;align-items:center;padding:6px 2px;overflow:hidden;margin-right:10px}.onboarding14 .a3 .rectangle3 .openmojiFlagRussia .vector4{display:flex;flex-grow:1;align-items:center;background:#d22f27;width:21px;height:15px;flex-direction:column}.onboarding14 .a3 .rectangle3 .openmojiFlagRussia .vector4 .vector3{display:flex;flex-direction:column;flex-grow:1;align-items:center;width:100%}.onboarding14 .a3 .rectangle3 .openmojiFlagRussia .vector4 .vector3 .vector{background:#fff;width:100%;height:5px}.onboarding14 .a3 .rectangle3 .openmojiFlagRussia .vector4 .vector3 .vector2{background:#1e50a0;width:100%;height:5px}.onboarding14 .a3 .rectangle3 .a78009007435{display:flex;align-items:center;flex-grow:1;height:20px;letter-spacing:0;color:#000;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:14px;border:none;outline:none;background:transparent}.onboarding14 .rectangle20{display:flex;align-items:center;justify-content:center;align-self:stretch;margin-top:22px;border-radius:26px;background:#f037a5;padding:20px 0;cursor:pointer;transition:opacity .2s}.onboarding14 .rectangle20:hover{opacity:.9}.onboarding14 .rectangle20 .a5{display:flex;align-items:center;justify-content:center;height:12px;line-height:19px;letter-spacing:-.5px;color:#fff;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:16px;font-weight:700}.onboarding14 .registerBtn{display:flex;align-items:center;justify-content:center;align-self:stretch;margin-top:223px;border-radius:26px;background:#f037a5;padding:20px 0;cursor:pointer}.onboarding14 .registerBtn .a6{display:flex;align-items:center;justify-content:center;height:12px;line-height:19px;letter-spacing:-.5px;color:#fff;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:16px}.onboarding14 .rectangle203{display:flex;align-items:center;justify-content:center;align-self:stretch;margin-top:11px;border:1px solid #000000;border-radius:26px;padding:19px 0;cursor:pointer;background:transparent}.onboarding14 .rectangle203 .a7{display:flex;align-items:center;justify-content:center;height:12px;line-height:19px;letter-spacing:-.5px;color:#000;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:16px}.rectangle4112{opacity:.3;background:#000;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10}.countryCodePopup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:16px;z-index:11;width:80%;max-width:300px;box-shadow:0 4px 12px #00000026}.countryCodePopup h3{margin-top:0;margin-bottom:16px;text-align:center}.countryCodePopup ul{list-style:none;padding:0;margin:0}.countryCodePopup ul li{padding:12px;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;gap:10px}.countryCodePopup ul li:last-child{border-bottom:none}.countryCodePopup ul li:hover{background-color:#f5f5f5}.onboarding15{display:flex;flex-direction:column;align-items:flex-start;border-radius:30px;box-shadow:10px 10px 20px #00000059;background:#f5f5f5;padding:85px 26px 51px;width:428px;height:926px;overflow:hidden;margin:0 auto}.onboarding15 .a11{margin-left:126px;width:125px;height:27px}.onboarding15 .a{margin:90px 0 0 74px;width:229px;height:23px;text-align:center;line-height:20px;letter-spacing:0;color:#f037a5;font-family:Neometric,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Arial,Helvetica,sans-serif;font-size:32px;font-weight:500;font-style:italic}.onboarding15 .group1492873072{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;margin-top:118px}.onboarding15 .group1492873072 .a2{width:90px;height:15px;letter-spacing:0;color:#000;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:16px}.onboarding15 .group1492873072 .rectangle4087{display:flex;align-items:center;align-self:stretch;margin-top:17px;border-radius:20px;background:#fff;padding:15px 17px}.onboarding15 .group1492873072 .rectangle4087 input{width:100%;border:none;outline:none;background:transparent;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:14px;color:#000}.onboarding15 .group1492873072 .rectangle4087 input::placeholder{opacity:.3}.onboarding15 .group1492873107{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;margin-top:24px}.onboarding15 .group1492873107 .a4{width:56px;height:15px;letter-spacing:0;color:#000;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:16px}.onboarding15 .group1492873107 .rectangle40872{display:flex;align-items:center;align-self:stretch;margin-top:16px;border-radius:20px;background:#fff;padding:15px 18px}.onboarding15 .group1492873107 .rectangle40872 input{width:100%;border:none;outline:none;background:transparent;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:14px;color:#000}.onboarding15 .group1492873107 .rectangle40872 input::placeholder{opacity:.3}.onboarding15 .a8{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;margin-top:24px}.onboarding15 .a8 .a6{line-height:18px;letter-spacing:0;color:#000;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:16px}.onboarding15 .a8 .rectangle3{display:flex;align-items:center;align-self:stretch;justify-content:space-between;margin-top:12px;border-radius:23px;background:#fff;padding:10px 20px;height:45px}.onboarding15 .a8 .rectangle3 .openmojiFlagRussia{display:flex;align-items:center;padding:6px 2px;overflow:hidden;margin-right:10px}.onboarding15 .a8 .rectangle3 .openmojiFlagRussia .vector4{position:relative;background:#d22f27;width:21px;height:13px}.onboarding15 .a8 .rectangle3 .openmojiFlagRussia .vector4 .vector{position:absolute;top:0;left:0;background:#fff;width:21px;height:5px}.onboarding15 .a8 .rectangle3 .openmojiFlagRussia .vector4 .vector3{display:flex;position:absolute;top:0;left:0;align-items:center;padding-top:5px;padding-bottom:5px;width:21px;height:13px}.onboarding15 .a8 .rectangle3 .openmojiFlagRussia .vector4 .vector3 .vector2{background:#1e50a0;width:21px;height:4px}.onboarding15 .a8 .rectangle3 input{flex-grow:1;border:none;outline:none;background:transparent;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:14px;color:#000}.onboarding15 .a8 .rectangle3 input::placeholder{opacity:.3}.onboarding15 .group1492873109{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;margin-top:24px}.onboarding15 .group1492873109 .eMail{width:55px;letter-spacing:0;color:#000;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:16px}.onboarding15 .group1492873109 .rectangle40873{display:flex;align-items:center;align-self:stretch;margin-top:11px;border-radius:20px;background:#fff;padding:15px 17px}.onboarding15 .group1492873109 .rectangle40873 input{width:100%;border:none;outline:none;background:transparent;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:14px;color:#000}.onboarding15 .group1492873109 .rectangle40873 input::placeholder{opacity:.3}.onboarding15 .rectangle20{display:flex;align-items:center;align-self:stretch;margin-top:122px;margin-left:2px;border-radius:26px;background:#f037a5;padding:20px 0;justify-content:center;cursor:pointer}.onboarding15 .rectangle20 .a10{display:flex;align-items:center;justify-content:center;height:12px;line-height:19px;letter-spacing:-.5px;color:#fff;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:16px;font-weight:700}.onboarding16{display:flex;flex-direction:column;align-items:center;border-radius:30px;box-shadow:10px 10px 20px #00000059;background:#f5f5f5;padding:85px 26px 51px;width:428px;height:926px;overflow:hidden;margin:0 auto}.onboarding16 .a11{width:125px;height:27px}.onboarding16 .a{margin:90px 0 0;width:229px;height:23px;text-align:center;line-height:20px;letter-spacing:0;color:#f037a5;font-family:Neometric,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Arial,Helvetica,sans-serif;font-size:32px;font-weight:500;font-style:italic}.onboarding16 .a478000000000{margin:35px 0 0;width:322px;text-align:center;line-height:20px;letter-spacing:0;color:#000;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:16px}.onboarding16 .a6{display:flex;flex-direction:column;align-items:center;align-self:stretch;margin:71px 52px 0;padding-bottom:33px}.onboarding16 .a6 .group1492873159{display:flex;align-items:center;align-self:stretch;justify-content:space-between;min-width:272px;height:76px}.onboarding16 .a6 .group1492873159 .rectangle4111{display:flex;align-items:center;justify-content:center;border-radius:14px;background:#fff;width:56px;height:76px}.onboarding16 .a6 .group1492873159 .rectangle4111 input{width:100%;height:100%;border:none;text-align:center;font-size:32px;color:#f037a5;background:transparent;outline:none}.onboarding16 .a6 .group1492873159 .rectangle4111 .a4{text-align:center;line-height:20px;letter-spacing:0;color:#f037a5;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:32px}.onboarding16 .a6 .group1492873159 .rectangle41112{border:1px solid #f037a5;border-radius:14px;background:#fff;width:56px;height:76px;display:flex;align-items:center;justify-content:center}.onboarding16 .a6 .group1492873159 .rectangle41113{border-radius:14px;background:#fff;width:56px;height:76px;display:flex;align-items:center;justify-content:center}.onboarding16 .a6 .a5{margin:16px 0 0;width:208px;height:17px;text-align:center;line-height:20px;letter-spacing:0;color:#000;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:12px}.onboarding16 .a6 .a5 .a2{line-height:20px;letter-spacing:0;color:#000;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:12px}.onboarding16 .a6 .a5 .a3{line-height:20px;letter-spacing:0;color:#f037a5;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:12px;text-decoration:underline;cursor:pointer}.onboarding16 .rectangle20{display:flex;align-items:center;align-self:stretch;margin-top:229px;border-radius:26px;background:#f037a5;padding:20px 0;justify-content:center;cursor:pointer}.onboarding16 .rectangle20 .a7{display:flex;align-items:center;justify-content:center;height:12px;line-height:19px;letter-spacing:-.5px;color:#fff;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:16px;font-weight:700}.onboarding16 .rectangle202{display:flex;align-items:center;align-self:stretch;margin-top:11px;border:1px solid #000000;border-radius:26px;padding:19px 0;justify-content:center;cursor:pointer}.onboarding16 .rectangle202 .a8{display:flex;align-items:center;justify-content:center;height:12px;line-height:19px;letter-spacing:-.5px;color:#000;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:16px}.onboarding18{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}.onboarding18 .rectangle4113{display:flex;flex-direction:column;align-items:flex-start;border-radius:20px;background:#fff;padding:20px 20px 21px 21px;width:376px;height:269px;box-shadow:0 4px 20px #0003}.onboarding18 .rectangle4113 .autoWrapper{position:relative;width:329px;height:20px;display:flex;align-items:center;justify-content:space-between}.onboarding18 .rectangle4113 .autoWrapper .ellipse3{display:flex;align-items:center;border-radius:50%;background:#f5f5f5;padding:4px;width:20px;height:20px;cursor:pointer}.onboarding18 .rectangle4113 .autoWrapper .ellipse3 .tablerPlus{width:12px;height:12px;overflow:hidden}.onboarding18 .rectangle4113 .autoWrapper .a5{width:100%;text-align:left;line-height:20px;letter-spacing:0;color:#000;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:16px;margin-left:30px}.onboarding18 .rectangle4113 .a7{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;margin-top:57px}.onboarding18 .rectangle4113 .a7 .a6{line-height:18px;letter-spacing:0;color:#000;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:16px}.onboarding18 .rectangle4113 .a7 .rectangle3{display:flex;align-items:center;align-self:stretch;justify-content:space-between;margin-top:12px;border-radius:23px;background:#f5f5f5;padding:10px 17px;height:45px}.onboarding18 .rectangle4113 .a7 .rectangle3 .openmojiFlagRussia{margin-right:10px}.onboarding18 .rectangle4113 .a7 .rectangle3 .openmojiFlagRussia .vector4{position:relative;background:#d22f27;width:21px;height:13px}.onboarding18 .rectangle4113 .a7 .rectangle3 .openmojiFlagRussia .vector4 .vector{position:absolute;top:0;left:0;background:#fff;width:21px;height:5px}.onboarding18 .rectangle4113 .a7 .rectangle3 .openmojiFlagRussia .vector4 .vector3{display:flex;position:absolute;top:0;left:0;align-items:center;padding-top:5px;padding-bottom:5px;width:21px;height:13px}.onboarding18 .rectangle4113 .a7 .rectangle3 .openmojiFlagRussia .vector4 .vector3 .vector2{background:#1e50a0;width:21px;height:4px}.onboarding18 .rectangle4113 .a7 .rectangle3 .a78009007435{display:flex;align-items:center;flex-grow:1;height:20px;letter-spacing:0;color:#000;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:14px;border:none;background:transparent;outline:none}.onboarding18 .rectangle4113 .rectangle20{display:flex;align-items:center;align-self:stretch;margin-top:25px;border-radius:26px;background:#f037a5;padding:20px 0;justify-content:center;cursor:pointer}.onboarding18 .rectangle4113 .rectangle20 .a8{display:flex;align-items:center;justify-content:center;height:12px;line-height:19px;letter-spacing:-.5px;color:#fff;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:16px;font-weight:700}.successModal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}.successModal .rectangle4113{display:flex;flex-direction:column;align-items:flex-start;border-radius:20px;background:#fff;padding-right:20px;padding-bottom:21px;width:376px;height:362px;box-shadow:0 4px 20px #0003}.successModal .rectangle4113 .autoWrapper{display:flex;align-items:flex-start;align-self:stretch;justify-content:space-between;padding-right:0;padding-left:0}.successModal .rectangle4113 .autoWrapper .letsIconsDoneRound{width:155px;height:155px;overflow:hidden;margin-left:-20px}.successModal .rectangle4113 .autoWrapper .ellipse3{display:flex;align-items:center;margin-top:20px;border-radius:50%;background:#f5f5f5;padding:4px;cursor:pointer}.successModal .rectangle4113 .autoWrapper .ellipse3 .tablerPlus{width:12px;height:12px;overflow:hidden}.successModal .rectangle4113 .a{margin:0 0 0 21px;width:197px;line-height:20px;letter-spacing:0;color:#f037a5;font-family:Neometric,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Arial,Helvetica,sans-serif;font-size:20px;font-weight:500;font-style:italic}.successModal .rectangle4113 .a2{display:flex;align-items:center;margin:24px 0 0 21px;width:232px;height:31px;line-height:20px;letter-spacing:0;color:#000;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:16px}.successModal .rectangle4113 .rectangle20{display:flex;align-items:center;align-self:stretch;margin-top:40px;margin-left:21px;border-radius:26px;background:#f037a5;padding:20px 0;justify-content:center;cursor:pointer}.successModal .rectangle4113 .rectangle20 .a3{display:flex;align-items:center;justify-content:center;height:12px;line-height:19px;letter-spacing:-.5px;color:#fff;font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,Helvetica,sans-serif;font-size:16px;font-weight:700}.avatar{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--color-gray-200);overflow:hidden;flex-shrink:0}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-xs)}.avatar-md{width:44px;height:44px;font-size:var(--font-size-sm)}.avatar-lg{width:56px;height:56px;font-size:var(--font-size-base)}.avatar-xl{width:80px;height:80px;font-size:var(--font-size-xl)}.avatar-clickable{cursor:pointer;transition:transform var(--transition-fast)}.avatar-clickable:hover{transform:scale(1.05)}.avatar-clickable:active{transform:scale(.95)}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-initials{font-weight:600;color:var(--color-gray-600)}.avatar-icon{width:50%;height:50%;color:var(--color-gray-400)}.avatar-upload-container{position:relative;display:inline-block}.avatar-edit-badge{position:absolute;bottom:0;right:0;width:28px;height:28px;background-color:var(--color-lime);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-white);color:var(--color-black)}.avatar-options-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.avatar-options-modal{background-color:var(--color-white);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:400px;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.avatar-options-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.avatar-options-header h3{font-size:var(--font-size-lg);font-weight:600}.avatar-options-header .close-btn{background:none;border:none;padding:var(--space-2);cursor:pointer;color:var(--color-gray-500)}.avatar-options-list{display:flex;flex-direction:column;gap:var(--space-2)}.avatar-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-gray-100);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast);font-size:var(--font-size-base);color:var(--color-black)}.avatar-option:hover{background-color:var(--color-gray-200)}.avatar-option:active{background-color:var(--color-gray-300)}.avatar-option-danger{color:var(--color-error)}.avatar-option-danger:hover{background-color:#ef44441a}.client-home{background-color:var(--color-gray-100)}.home-hero{background-color:var(--color-lime);padding:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top));padding-bottom:var(--space-8);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.hero-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.hero-decorations{display:flex;gap:var(--space-2)}.hero-circle{width:44px;height:44px;border-radius:50%;background-color:var(--color-black)}.hero-greeting{font-size:var(--font-size-4xl);font-weight:700;font-style:italic;line-height:1.1;margin-bottom:var(--space-5);color:var(--color-black)}.subscription-info{display:flex;flex-direction:column;gap:var(--space-3)}.subscription-row{display:flex;justify-content:space-between;align-items:center}.subscription-name{font-weight:600}.subscription-status{font-size:var(--font-size-sm);font-weight:500}.status-active{color:var(--color-success)}.next-visit{display:flex;flex-direction:column;gap:var(--space-1)}.next-visit-label,.pickup-label{font-size:var(--font-size-sm);color:var(--color-gray-700)}.next-visit-datetime{display:flex;gap:var(--space-4)}.next-visit-date,.next-visit-time{font-weight:600}.pickup-address{display:flex;flex-direction:column;gap:var(--space-1)}.pickup-value{font-weight:500}.home-content{padding:var(--space-4);margin-top:calc(-1 * var(--space-4))}.sub-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.sub-card-label{font-size:var(--font-size-sm);opacity:.8}.sub-card-name{font-size:var(--font-size-3xl);font-weight:700;font-style:italic;margin-bottom:var(--space-2)}.sub-card-desc{font-size:var(--font-size-sm);opacity:.9;margin-bottom:var(--space-4)}.sub-card-expires{display:flex;justify-content:space-between;font-size:var(--font-size-sm);margin-bottom:var(--space-5)}.sub-card-actions{display:flex;gap:var(--space-3)}.sub-card-actions .btn{flex:1}.no-subscription{text-align:center;padding:var(--space-6);margin-bottom:var(--space-4)}.no-subscription h3{margin-bottom:var(--space-2)}.no-subscription p{color:var(--color-gray-500)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.section-header h3{font-size:var(--font-size-lg);font-weight:600}.btn-link{background:none;border:none;color:var(--color-gray-500);font-size:var(--font-size-sm);cursor:pointer;text-decoration:underline}.schedule-section{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.schedule-days{display:flex;gap:var(--space-2)}.schedule-day{flex:1;display:flex;align-items:center;justify-content:center;height:40px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;background-color:var(--color-gray-100);color:var(--color-gray-500)}.schedule-day.active{background-color:var(--color-lime);color:var(--color-black)}.countdown-section{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.countdown-timer{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.countdown-value{font-size:var(--font-size-2xl);font-weight:700}.countdown-label{color:var(--color-gray-500)}.history-section{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.history-list{display:flex;flex-direction:column;gap:var(--space-3)}.history-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-gray-100);border-radius:var(--radius-md)}.history-date{display:flex;align-items:center;gap:var(--space-2);flex:1}.history-time{font-weight:500}.history-status{font-size:var(--font-size-sm);font-weight:500}.status-completed{color:var(--color-success)}.status-missed{color:var(--color-error)}.news-section{margin-bottom:var(--space-4)}.news-card{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.news-card span{flex:1;font-weight:500}.cta-section{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.cta-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-white);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast)}.cta-card:hover{background-color:var(--color-gray-100)}.cta-card:active{transform:scale(.99)}.cta-card span{flex:1;font-weight:500}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top));background-color:var(--color-white);min-height:56px}.header-transparent{background-color:transparent;position:absolute;top:0;left:0;right:0;z-index:10}.header-dark,.header-dark .header-btn{color:var(--color-white)}.header-left,.header-right{display:flex;align-items:center;gap:var(--space-2);min-width:48px}.header-right{justify-content:flex-end}.header-title{font-size:var(--font-size-lg);font-weight:600;text-align:center;flex:1}.header-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;cursor:pointer;color:var(--color-black);border-radius:var(--radius-full);transition:background-color var(--transition-fast)}.header-btn:hover{background-color:var(--color-gray-100)}.header-btn:active{transform:scale(.95)}.subscriptions-page{background-color:var(--color-gray-100)}.current-subscription{margin-bottom:var(--space-6)}.current-subscription h2,.available-plans h2{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-4)}.subscription-card{border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.sub-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.sub-card-name{font-size:var(--font-size-xl);font-weight:700}.sub-card-status{font-size:var(--font-size-sm);font-weight:500}.sub-card-desc{font-size:var(--font-size-sm);opacity:.8;margin-bottom:var(--space-4)}.sub-stats{display:flex;gap:var(--space-6);margin-bottom:var(--space-5)}.sub-stat{display:flex;flex-direction:column}.stat-value{font-size:var(--font-size-lg);font-weight:600}.stat-label{font-size:var(--font-size-xs);opacity:.7}.sub-actions{display:flex;gap:var(--space-3)}.sub-actions .btn{flex:1}.sub-section{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background-color:var(--color-white);border-radius:var(--radius-md);margin-bottom:var(--space-2);cursor:pointer}.sub-section:hover{background-color:var(--color-gray-100)}.plans-list{display:flex;flex-direction:column;gap:var(--space-4)}.plan-card{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.plan-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.plan-card-active{border:2px solid var(--color-lime)}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.plan-header h3{font-size:var(--font-size-lg);font-weight:600}.plan-badge{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:500;color:var(--color-success);background-color:#22c55e1a;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.plan-desc{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--space-3)}.plan-price{display:flex;align-items:baseline;gap:var(--space-1);margin-bottom:var(--space-3)}.price-value{font-size:var(--font-size-2xl);font-weight:700}.price-currency{font-size:var(--font-size-sm);color:var(--color-gray-500)}.plan-features{list-style:none;margin-bottom:var(--space-4)}.plan-features li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-2)}.plan-features li svg{color:var(--color-success)}.notifications-page{background-color:var(--color-gray-100)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-gray-400);gap:var(--space-3);padding:var(--space-8)}.empty-state svg{opacity:.5}.notification-group{padding:var(--space-4)}.group-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-3)}.notifications-list{display:flex;flex-direction:column;gap:var(--space-2)}.notification-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-white);border-radius:var(--radius-md);cursor:pointer;position:relative;transition:background-color var(--transition-fast)}.notification-item:hover{background-color:var(--color-gray-50)}.notification-item.unread{background-color:#c2ff641a}.notification-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-gray-100);flex-shrink:0}.notification-icon.icon-success{background-color:#22c55e1a;color:var(--color-success)}.notification-icon.icon-error{background-color:#ef44441a;color:var(--color-error)}.notification-icon.icon-info{background-color:#3b82f61a;color:var(--color-info)}.notification-content{flex:1;min-width:0}.notification-content h4{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-1)}.notification-content p{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-2)}.notification-time{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-gray-400)}.unread-dot{position:absolute;top:var(--space-4);right:var(--space-4);width:8px;height:8px;border-radius:50%;background-color:var(--color-pink)}.profile-page{background-color:var(--color-gray-100)}.profile-header{display:flex;flex-direction:column;align-items:center;padding:var(--space-6) 0;margin-bottom:var(--space-4)}.profile-phone{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:var(--space-1)}.profile-menu{background-color:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-6)}.menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid var(--color-gray-100)}.menu-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-gray-600)}.menu-label{flex:1;font-weight:500}.logout-button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4);background-color:var(--color-white);border:none;border-radius:var(--radius-lg);color:var(--color-error);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast)}.logout-button:hover{background-color:#ef44440d}.app-version{text-align:center;font-size:var(--font-size-xs);color:var(--color-gray-400);margin-top:var(--space-6)}.mydata-page{background-color:var(--color-gray-100);min-height:100vh}.avatar-section{display:flex;flex-direction:column;align-items:center;padding:var(--space-6) var(--space-4);background-color:var(--color-white);margin-bottom:var(--space-4)}.avatar-hint{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-gray-500)}.mydata-form{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-600)}.form-group input,.form-group textarea{padding:var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-base);background-color:var(--color-white);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-lime)}.form-group input.disabled{background-color:var(--color-gray-100);color:var(--color-gray-500)}.form-group textarea{resize:vertical;min-height:80px}.submit-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4);background-color:var(--color-lime);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:600;color:var(--color-black);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-4)}.submit-btn:hover{background-color:var(--color-lime-dark)}.submit-btn:active{transform:scale(.98)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn.saved{background-color:var(--color-success);color:var(--color-white)}.spinner-small{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}.history-page{background-color:var(--color-gray-100);min-height:100vh}.page-header-custom{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top));background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.page-header-custom h1{font-size:var(--font-size-xl);font-weight:600}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;border-radius:var(--radius-md)}.back-btn:hover{background-color:var(--color-gray-100)}.filter-tabs{display:flex;gap:var(--space-2);padding:var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-tab{flex-shrink:0;padding:var(--space-2) var(--space-4);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.filter-tab.active{background-color:var(--color-lime);border-color:var(--color-lime);color:var(--color-black)}.history-list{padding:0 var(--space-4);padding-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.history-card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-4)}.history-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.history-type{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px}.history-status{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:500}.history-status.completed,.history-status.success{color:var(--color-success)}.history-status.missed,.history-status.failed,.history-status.cancelled{color:var(--color-error)}.status-icon.success{color:var(--color-success)}.status-icon.error{color:var(--color-error)}.history-title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-1)}.history-desc{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--space-3)}.history-meta{display:flex;flex-wrap:wrap;gap:var(--space-3)}.meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-gray-500)}.meta-item.amount{font-weight:600;color:var(--color-black)}.loading-container,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-gray-400)}.spinner{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top-color:var(--color-lime);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state p{margin-top:var(--space-3);font-size:var(--font-size-sm)}.select-plan-page{background-color:var(--color-gray-100);min-height:100vh}.plan-card-large{background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);margin:var(--space-4);position:relative}.popular-badge{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background-color:var(--color-lime);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.plan-name{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-2)}.plan-description{color:var(--color-gray-500);margin-bottom:var(--space-4)}.plan-price-block{display:flex;align-items:baseline;gap:var(--space-1);margin-bottom:var(--space-6)}.price-value{font-size:48px;font-weight:700;line-height:1}.price-currency{font-size:var(--font-size-2xl);font-weight:600}.price-period{font-size:var(--font-size-base);color:var(--color-gray-500)}.plan-details{display:flex;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-gray-100);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.detail-item{flex:1;text-align:center}.detail-label{display:block;font-size:var(--font-size-xs);color:var(--color-gray-500);margin-bottom:var(--space-1)}.detail-value{font-size:var(--font-size-lg);font-weight:600}.plan-features h4{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-3)}.plan-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.plan-features li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.check-icon{color:var(--color-success);flex-shrink:0}.payment-info{background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-4);margin:var(--space-4)}.payment-info h4{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-2)}.payment-info p{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--space-3)}.payment-info ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.payment-info li{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);background-color:var(--color-gray-100);border-radius:var(--radius-full)}.purchase-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:calc(100% - var(--space-8));margin:var(--space-4);padding:var(--space-4);background-color:var(--color-lime);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.purchase-btn:hover{background-color:var(--color-lime-dark)}.purchase-btn:disabled{opacity:.7;cursor:not-allowed}.spinner-icon,.spinner-icon-small{animation:spin 1s linear infinite}.terms-text{text-align:center;font-size:var(--font-size-xs);color:var(--color-gray-400);padding:0 var(--space-4);padding-bottom:var(--space-6)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:var(--color-gray-400)}.loading-container p{margin-top:var(--space-3)}.courier-home{background-color:var(--color-gray-100)}.courier-hero{background-color:var(--color-pink);color:var(--color-white);padding:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top));padding-bottom:var(--space-6);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.hero-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5)}.hero-date{font-size:var(--font-size-sm);opacity:.8;margin-bottom:var(--space-1)}.hero-greeting{font-size:var(--font-size-2xl);font-weight:700}.shift-card{display:flex;justify-content:space-between;align-items:center;background-color:#ffffff26;border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.shift-status{display:flex;align-items:center;gap:var(--space-2)}.status-indicator{width:12px;height:12px;border-radius:50%;background-color:var(--color-gray-400)}.status-indicator.active{background-color:var(--color-lime);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-weight:500}.shift-card .btn{padding:var(--space-2) var(--space-4);min-height:40px}.courier-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-6)}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:var(--font-size-2xl);font-weight:700}.stat-label{font-size:var(--font-size-xs);opacity:.8}.stat-divider{width:1px;height:40px;background-color:#ffffff4d}.courier-content{padding:var(--space-4)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.section-header h2{font-size:var(--font-size-lg);font-weight:600}.btn-link{background:none;border:none;color:var(--color-pink);font-size:var(--font-size-sm);font-weight:500;cursor:pointer}.empty-visits{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);color:var(--color-gray-400);gap:var(--space-3)}.visits-list{display:flex;flex-direction:column;gap:var(--space-3)}.visit-card{display:flex;align-items:flex-start;gap:var(--space-3);background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.visit-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.visit-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-pink);color:var(--color-white);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-sm);flex-shrink:0}.visit-info{flex:1;min-width:0}.visit-address{display:flex;align-items:flex-start;gap:var(--space-2);font-weight:500;margin-bottom:var(--space-1)}.visit-address svg{flex-shrink:0;margin-top:2px;color:var(--color-gray-400)}.visit-time{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--space-2)}.visit-comment{font-size:var(--font-size-sm);color:var(--color-gray-600);font-style:italic;margin-bottom:var(--space-1)}.visit-client{font-size:var(--font-size-sm);color:var(--color-gray-500)}.visit-status{flex-shrink:0}.visit-status.status-success{color:var(--color-success)}.visit-status.status-warning{color:var(--color-warning)}.visit-status.status-error{color:var(--color-error)}.status-badge{display:inline-block;padding:var(--space-1) var(--space-2);background-color:var(--color-gray-100);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;color:var(--color-gray-600)}.courier-profile-page{background-color:var(--color-gray-100);min-height:100vh;padding-bottom:100px}.profile-header-section{display:flex;flex-direction:column;align-items:center;padding:var(--space-6) var(--space-4);padding-top:calc(var(--space-6) + env(safe-area-inset-top));background:linear-gradient(135deg,#1a1a2e,#16213e);color:var(--color-white)}.profile-name{font-size:var(--font-size-xl);font-weight:600;margin-top:var(--space-3)}.profile-phone{font-size:var(--font-size-sm);opacity:.7;margin-top:var(--space-1)}.profile-badge{display:inline-block;padding:var(--space-1) var(--space-3);background-color:var(--color-lime);color:var(--color-black);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;margin-top:var(--space-3)}.stats-row{display:flex;background-color:var(--color-white);margin:var(--space-4);margin-top:calc(-1 * var(--space-4));border-radius:var(--radius-xl);box-shadow:0 4px 12px #0000001a}.stat-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-4)}.stat-item:first-child{border-right:1px solid var(--color-gray-200)}.stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-success)}.stat-value.stat-missed{color:var(--color-error)}.stat-label{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:var(--space-1)}.profile-menu{background-color:var(--color-white);margin:var(--space-4);border-radius:var(--radius-xl);overflow:hidden}.menu-item{display:flex;align-items:center;width:100%;padding:var(--space-4);background:none;border:none;border-bottom:1px solid var(--color-gray-100);cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}.menu-item:last-child{border-bottom:none}.menu-item:hover{background-color:var(--color-gray-50)}.menu-item:active{background-color:var(--color-gray-100)}.menu-icon{color:var(--color-gray-500);margin-right:var(--space-3)}.menu-label{flex:1;font-size:var(--font-size-base)}.menu-arrow{color:var(--color-gray-400)}.courier-route-page{background-color:var(--color-gray-100)}.view-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;cursor:pointer;color:var(--color-black)}.route-list{padding:var(--space-4)}.route-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;cursor:pointer}.route-item.completed{opacity:.5}.route-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-pink);color:var(--color-white);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-sm);flex-shrink:0;z-index:1}.route-item.completed .route-number{background-color:var(--color-success)}.route-connector{position:relative;width:2px;margin-left:-17px;margin-right:15px}.connector-line{position:absolute;top:32px;left:0;width:2px;height:40px;background-color:var(--color-gray-300)}.route-item:last-child .connector-line{display:none}.route-info{flex:1;background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--space-3)}.route-address{font-weight:500;margin-bottom:var(--space-1)}.route-time{font-size:var(--font-size-sm);color:var(--color-gray-500)}.route-status{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);font-weight:600}.route-status.status-completed{background-color:#22c55e1a;color:var(--color-success)}.route-status.status-in_progress{background-color:#f59e0b1a;color:var(--color-warning)}.map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-4);color:var(--color-gray-400);padding:var(--space-6)}.route-actions{padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));background-color:var(--color-white);border-top:1px solid var(--color-gray-200)}.routes-page{background-color:var(--color-gray-100);min-height:100vh}.routes-list{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.route-card{display:flex;background-color:var(--color-white);border-radius:var(--radius-xl);overflow:hidden}.route-card.completed{opacity:.6}.route-number{display:flex;align-items:center;justify-content:center;width:48px;background-color:var(--color-lime);font-size:var(--font-size-xl);font-weight:700}.route-card.completed .route-number{background-color:var(--color-success);color:var(--color-white)}.route-content{flex:1;padding:var(--space-3)}.route-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.route-time{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-gray-500)}.route-status{font-size:var(--font-size-xs);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background-color:var(--color-warning-light);color:var(--color-warning)}.route-status.completed{background-color:var(--color-success-light);color:var(--color-success)}.route-address{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-base);font-weight:500;margin-bottom:var(--space-2)}.route-address svg{flex-shrink:0;margin-top:2px;color:var(--color-primary)}.route-client{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--space-3)}.route-actions{display:flex;gap:var(--space-2)}.action-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.navigate-btn{background-color:var(--color-primary);color:var(--color-white)}.call-btn{background-color:var(--color-success);color:var(--color-white)}.chat-btn{background-color:var(--color-gray-200);color:var(--color-black)}.complete-btn{background-color:var(--color-lime);color:var(--color-black)}.action-btn:active{transform:scale(.95)}.visit-detail-page{background-color:var(--color-gray-100)}.detail-card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4);margin-bottom:0}.detail-card h3{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-3)}.address-info{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.address-info svg{color:var(--color-pink);flex-shrink:0;margin-top:2px}.address-main{font-weight:500;margin-bottom:var(--space-1)}.address-extra{font-size:var(--font-size-sm);color:var(--color-gray-500)}.address-comment{background-color:var(--color-gray-100);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4)}.address-comment p{font-size:var(--font-size-sm);color:var(--color-gray-600);font-style:italic}.time-info{display:flex;align-items:center;gap:var(--space-2)}.time-info svg{color:var(--color-pink)}.time-info span{font-size:var(--font-size-xl);font-weight:600}.client-info{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.client-row{display:flex;align-items:center;gap:var(--space-2)}.client-row svg{color:var(--color-gray-400)}.client-row a{color:var(--color-pink);text-decoration:none}.notes-input{width:100%;min-height:100px;padding:var(--space-3);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-base);resize:vertical}.notes-input:focus{outline:none;border-color:var(--color-pink)}.visit-actions{padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.action-buttons{display:flex;gap:var(--space-3)}.action-buttons .btn{flex:1}.completed-badge{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background-color:#22c55e1a;border-radius:var(--radius-lg);color:var(--color-success);font-weight:600}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:100}.modal-content{background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:340px;text-align:center}.modal-content h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-2)}.modal-content p{color:var(--color-gray-500);margin-bottom:var(--space-5)}.modal-actions{display:flex;gap:var(--space-3)}.modal-actions .btn{flex:1}.courier-history-page{background:var(--bg-primary);min-height:100vh}.filter-tabs{display:flex;gap:8px;padding:0 16px;margin-bottom:16px}.filter-tab{flex:1;padding:10px 16px;border:none;background:var(--bg-secondary);color:var(--text-secondary);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.filter-tab.active{background:var(--primary-color);color:#fff}.history-list{display:flex;flex-direction:column;gap:12px;padding-bottom:100px}.history-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000d}.history-date{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);margin-bottom:12px}.history-content{margin-bottom:12px}.history-address{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.history-address svg{color:var(--primary-color);flex-shrink:0;margin-top:2px}.history-address span{font-size:14px;line-height:1.4}.history-time{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.history-client{font-size:13px;color:var(--text-secondary)}.history-status{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500}.history-status.completed{background:#e8f5e9;color:#2e7d32}.history-status.missed{background:#ffebee;color:#c62828}.history-status.cancelled{background:#fff3e0;color:#ef6c00}.status-icon.success{color:#2e7d32}.status-icon.error{color:#c62828}.courier-stats-page{background:var(--bg-primary);min-height:100vh}.stats-hero{display:flex;gap:16px;margin-bottom:24px}.rating-card{flex:1;background:linear-gradient(135deg,var(--primary-color),#1976D2);border-radius:16px;padding:20px;color:#fff;text-align:center}.rating-icon{margin-bottom:8px;opacity:.9}.rating-value{font-size:36px;font-weight:700;margin-bottom:4px}.rating-label{font-size:14px;opacity:.9}.completion-card{flex:1;background:linear-gradient(135deg,#43a047,#2e7d32);border-radius:16px;padding:20px;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.completion-value{font-size:32px;font-weight:700;margin:8px 0 4px}.completion-label{font-size:14px;opacity:.9}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #0000000d}.stat-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon-wrap.completed{background:#e8f5e9;color:#2e7d32}.stat-icon-wrap.missed{background:#ffebee;color:#c62828}.stat-icon-wrap.total{background:#e3f2fd;color:#1976d2}.stat-icon-wrap.penalties{background:#fff3e0;color:#ef6c00}.stat-info{display:flex;flex-direction:column}.stat-info .stat-value{font-size:20px;font-weight:700;color:var(--text-primary)}.stat-info .stat-label{font-size:12px;color:var(--text-secondary)}.period-section h3{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.period-cards{display:flex;gap:12px}.period-card{flex:1;background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #0000000d}.period-card svg{color:var(--primary-color)}.period-info{display:flex;flex-direction:column}.period-value{font-size:18px;font-weight:700;color:var(--text-primary)}.period-label{font-size:12px;color:var(--text-secondary)}.courier-penalties-page{background:var(--bg-primary);min-height:100vh}.penalties-summary{background:linear-gradient(135deg,#ff5722,#e64a19);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;margin-bottom:24px;color:#fff}.summary-icon{width:56px;height:56px;background:#fff3;border-radius:16px;display:flex;align-items:center;justify-content:center}.summary-info{display:flex;flex-direction:column}.summary-label{font-size:14px;opacity:.9;margin-bottom:4px}.summary-value{font-size:28px;font-weight:700}.empty-state.success{background:#e8f5e9;border-radius:16px;padding:40px 20px}.empty-state.success svg{color:#2e7d32}.empty-state.success p{color:#2e7d32;margin:12px 0 4px}.empty-state.success span{color:#4caf50;font-size:14px}.penalties-list{display:flex;flex-direction:column;gap:12px;padding-bottom:100px}.penalty-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000d}.penalty-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.penalty-reason{display:flex;align-items:flex-start;gap:8px;flex:1}.penalty-reason svg{color:#ff5722;flex-shrink:0;margin-top:2px}.penalty-reason span{font-size:14px;font-weight:500;line-height:1.4}.penalty-status{font-size:12px;padding:4px 8px;border-radius:4px;font-weight:500}.penalty-status.active{background:#ffebee;color:#c62828}.penalty-status.paid{background:#e8f5e9;color:#2e7d32}.penalty-details{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-color)}.penalty-date,.penalty-amount{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.penalty-amount{font-weight:600;color:#ff5722}.courier-support-page{background:var(--bg-primary);min-height:100vh}.contacts-section{margin-bottom:24px}.contacts-section h3{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.contacts-row{display:flex;gap:12px;margin-bottom:12px}.contact-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#fff;border-radius:12px;text-decoration:none;color:var(--primary-color);box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s}.contact-card:active{transform:scale(.98)}.contact-card span{font-size:13px;font-weight:500}.work-hours{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;background:#e3f2fd;border-radius:8px;font-size:13px;color:#1976d2}.support-form{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000d}.support-form h3{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:10px;font-size:15px;outline:none;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color)}.form-group textarea{resize:none}.submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.success-card{background:#fff;border-radius:16px;padding:40px 20px;text-align:center;box-shadow:0 2px 8px #0000000d}.success-card svg{color:#2e7d32;margin-bottom:16px}.success-card h2{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.success-card p{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.courier-settings-page{background:var(--bg-primary);min-height:100vh}.settings-section{margin-bottom:24px}.section-title{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);margin-bottom:12px;padding-left:4px}.settings-list{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:background .2s}.settings-item:not(:last-child){border-bottom:1px solid var(--border-color)}.settings-item:active{background:var(--bg-secondary)}.settings-item-left{display:flex;align-items:center;gap:12px}.settings-item-left svg{color:var(--text-secondary)}.settings-item-left span{font-size:15px;color:var(--text-primary)}.settings-item-right{display:flex;align-items:center;gap:8px}.settings-item-right svg{color:var(--text-tertiary)}.settings-value{font-size:14px;color:var(--text-secondary)}.toggle{position:relative;display:inline-block;width:50px;height:28px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e0e0e0;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle input:checked+.toggle-slider{background-color:var(--primary-color)}.toggle input:checked+.toggle-slider:before{transform:translate(22px)}.logout-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;background:#ffebee;border:none;border-radius:12px;color:#c62828;font-size:15px;font-weight:600;cursor:pointer;margin-top:24px;transition:background .2s}.logout-btn:active{background:#ffcdd2}.courier-edit-page{background:var(--bg-primary);min-height:100vh}.save-btn{background:none;border:none;color:var(--primary-color);padding:8px;cursor:pointer}.save-btn:disabled{opacity:.5}.avatar-section{display:flex;flex-direction:column;align-items:center;padding:24px 0}.avatar-container{position:relative;cursor:pointer}.avatar-edit-badge{position:absolute;bottom:4px;right:4px;width:32px;height:32px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:3px solid var(--bg-primary)}.avatar-hint{font-size:13px;color:var(--text-secondary);margin-top:12px}.edit-form{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000d}.edit-form .form-group{margin-bottom:20px}.edit-form .form-group:last-child{margin-bottom:0}.edit-form label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.edit-form input{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:10px;font-size:16px;outline:none;transition:border-color .2s}.edit-form input:focus{border-color:var(--primary-color)}.edit-form input.disabled{background:var(--bg-secondary);color:var(--text-secondary)}.field-hint{display:block;font-size:12px;color:var(--text-tertiary);margin-top:6px}.chat-page{display:flex;flex-direction:column;height:100vh;background-color:var(--color-gray-100)}.chat-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top));background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.chat-header-info h1{font-size:var(--font-size-lg);font-weight:600}.chat-subtitle{font-size:var(--font-size-xs);color:var(--color-gray-500)}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-gray-400);text-align:center}.chat-empty p{font-size:var(--font-size-lg);font-weight:500;margin-bottom:var(--space-1)}.chat-empty span{font-size:var(--font-size-sm)}.message{max-width:80%;padding:var(--space-3);border-radius:var(--radius-xl)}.message-own{align-self:flex-end;background-color:var(--color-lime);border-bottom-right-radius:var(--radius-sm)}.message-other{align-self:flex-start;background-color:var(--color-white);border-bottom-left-radius:var(--radius-sm)}.message-sender{display:block;font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-1)}.message-text{font-size:var(--font-size-base);line-height:1.4;word-wrap:break-word}.message-time{display:block;font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:var(--space-1);text-align:right}.message-image{max-width:100%;border-radius:var(--radius-lg);margin-bottom:var(--space-2)}.chat-input-container{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));background-color:var(--color-white);border-top:1px solid var(--color-gray-200)}.attach-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--color-gray-500);cursor:pointer}.chat-input{flex:1;padding:var(--space-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:var(--font-size-base);outline:none}.chat-input:focus{border-color:var(--color-lime)}.send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:var(--color-lime);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.send-btn:disabled{background-color:var(--color-gray-200);color:var(--color-gray-400)}.send-btn:active:not(:disabled){transform:scale(.95)}.admin-layout{min-height:100vh}.admin-sider{background:#001529!important;position:fixed;left:0;top:0;bottom:0;overflow:auto;z-index:100}.admin-sider .ant-menu{border-right:none}.admin-logo{height:64px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1)}.logo-icon,.logo-text{font-size:24px;font-weight:700;color:#c2ff64;font-style:italic}.admin-user-info{position:absolute;bottom:0;left:0;right:0;padding:16px;display:flex;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.admin-user-name{color:#ffffffd9;font-size:14px}.admin-layout>.ant-layout{margin-left:256px;transition:margin-left .2s}.admin-sider.ant-layout-sider-collapsed+.ant-layout{margin-left:80px}.admin-header{padding:0 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 4px #00000014;position:sticky;top:0;z-index:10}.header-left{display:flex;align-items:center;gap:16px}.trigger{font-size:18px;cursor:pointer;transition:color .3s}.trigger:hover{color:#1890ff}.header-title{font-size:16px;font-weight:500}.header-right{display:flex;align-items:center}.user-dropdown{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background .3s}.user-dropdown:hover{background:#0000000a}.user-name{font-size:14px}.admin-content{margin:24px;padding:24px;min-height:calc(100vh - 112px);overflow:auto}@media(max-width:768px){.admin-sider{position:fixed;z-index:1000}.admin-layout>.ant-layout{margin-left:0}}.dashboard-page{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:400px}.stat-card{border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card .ant-statistic-title{font-size:14px;color:#8c8c8c}.stat-card .ant-statistic-content{font-size:28px}.stat-card .ant-statistic-content-prefix{margin-right:8px}.table-card{border-radius:12px;box-shadow:0 2px 8px #0000000f}.table-card .ant-card-head{border-bottom:1px solid #f0f0f0}.table-card .ant-card-head-title{font-size:16px;font-weight:600}.couriers-card{border-radius:12px;box-shadow:0 2px 8px #0000000f}.couriers-card .ant-card-head-title{font-size:16px;font-weight:600}.couriers-card .ant-list-item{padding:12px 0}.courier-rating{display:flex;align-items:center}.tab-bar{display:flex;justify-content:space-around;align-items:center;background-color:var(--color-white);border-top:1px solid var(--color-gray-200);padding:var(--space-2) 0;padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom))}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:none;border:none;cursor:pointer;color:var(--color-gray-400);transition:color var(--transition-fast);min-width:64px;min-height:48px}.tab-item:active{transform:scale(.95)}.tab-item.active{color:var(--color-black)}.tab-icon{display:flex;align-items:center;justify-content:center}.tab-label{font-size:var(--font-size-xs);font-weight:500}:root{--color-lime: #C2FF64;--color-lime-dark: #A8E550;--color-pink: #FF47A4;--color-pink-dark: #E03D8F;--color-black: #000000;--color-white: #FFFFFF;--color-gray-100: #F5F5F5;--color-gray-200: #E5E5E5;--color-gray-300: #D4D4D4;--color-gray-400: #A3A3A3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-black);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-base);min-height:48px;touch-action:manipulation}.btn-primary{background-color:var(--color-black);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-gray-800)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background-color:var(--color-white);color:var(--color-black);border:2px solid var(--color-black)}.btn-secondary:hover{background-color:var(--color-gray-100)}.btn-lime{background-color:var(--color-lime);color:var(--color-black)}.btn-lime:hover{background-color:var(--color-lime-dark)}.btn-pink{background-color:var(--color-pink);color:var(--color-white)}.btn-pink:hover{background-color:var(--color-pink-dark)}.btn-full{width:100%}.card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card-lime{background-color:var(--color-lime)}.card-pink{background-color:var(--color-pink);color:var(--color-white)}.input{width:100%;padding:var(--space-4);font-size:var(--font-size-lg);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-base)}.input:focus{border-color:var(--color-black)}.input-error{border-color:var(--color-error)}.page{height:100%;display:flex;flex-direction:column;overflow:hidden}.page-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.container{padding:var(--space-4);max-width:500px;margin:0 auto}.fade-in{animation:fadeIn var(--transition-base) ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp var(--transition-slow) ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-layout{height:100%;display:flex;flex-direction:column}.app-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.text-lime{color:var(--color-lime)}.text-pink{color:var(--color-pink)}.text-gray{color:var(--color-gray-500)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.m-0{margin:0}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}