.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;color:#173c32}.brand .brand-mark{display:block;width:38px;height:38px;border-radius:12px;flex-shrink:0}.brand .brand-wordmark{font-family:Manrope,DM Sans,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.5px;line-height:1.1}.brand.light{color:#f9faf5}.brand.light .brand-mark{box-shadow:0 0 0 1px #d7f58255}.auth-screen{min-height:100dvh;background:#f9faf5;color:#173c32}.auth-intro{padding:max(24px,env(safe-area-inset-top)) 24px 43px;background:radial-gradient(ellipse at 95% 15%,#36624c 0,transparent 60%),#173c32;color:#fff;overflow:hidden}.auth-brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-brand-row .brand{font-size:30px}.auth-brand-note{display:flex;align-items:center;gap:7px;color:#e0ebd7;font-size:12px}.auth-brand-note>span{width:6px;height:6px;background:#d7f582;border-radius:50%}.auth-hero-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:10px;align-items:center;margin-top:27px}.auth-eyebrow{font-size:10px;font-weight:600;letter-spacing:1.2px;color:#d0dfc6}.auth-hero-copy h1{font-size:32px;font-weight:700;line-height:1.14;letter-spacing:-1.2px;margin:10px 0}.auth-hero-copy h1 em{font-style:normal;color:#d7f582}.auth-hero-copy p{font-size:13px;line-height:1.6;color:#d6e2d0}.auth-portrait{position:relative;align-self:center}.auth-portrait>img{display:block;width:100%;height:206px;object-fit:cover;object-position:50% center;border-radius:90px 90px 26px 26px;background:#edf2df;border:4px solid #ffffff16;box-shadow:0 12px 28px #071e2533}.auth-portrait-spark{position:absolute;right:-8px;top:1px;color:#d7f582;font-size:35px}.auth-portrait-caption{display:flex;align-items:center;justify-content:center;gap:5px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%) rotate(-5deg);width:max-content;max-width:110%;background:#e4f6b6;color:#244534;padding:9px 10px;border:2px solid #173c32;border-radius:12px;font-size:11px;font-weight:700}.auth-portrait-caption img{height:19px;width:19px}.auth-services{display:flex;align-items:center;gap:12px;color:#e0eacd;font-size:12px;margin-top:26px}.auth-services i{width:4px;height:4px;border-radius:50%;background:#b6ce96}.auth-card{position:relative;margin-top:-24px;border-radius:28px 28px 0 0;background:#f9faf5;padding:26px 24px max(20px,env(safe-area-inset-bottom))}.auth-welcome h2{display:flex;align-items:center;gap:10px;font-size:27px;letter-spacing:-.8px;line-height:1.3}.auth-welcome h2>span{color:#7b9844;font-size:31px}.auth-welcome p{font-size:14px;line-height:1.6;margin-top:6px;color:#647368}.auth-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;border-radius:15px;background:#e9eee1;margin:22px 0 24px}.auth-mode button{min-height:46px;border-radius:11px;font-size:15px;font-weight:600;color:#5f705e;background:transparent}.auth-mode button[aria-pressed=true]{background:#fff;color:#173c32;box-shadow:0 2px 7px #173c3210}.auth-card fieldset{border:0;padding:0;margin:0;min-width:0}.auth-card form label{display:block;font-size:14px;font-weight:600;margin:0 0 18px}.auth-card label[for=auth-password]{margin-bottom:8px}.auth-input{display:flex;align-items:center;gap:11px;min-height:56px;padding:0 14px;margin-top:8px;border:1px solid #d7dfce;border-radius:14px;background:#fff;color:#71866c;transition:border-color .2s,box-shadow .2s}.auth-input:focus-within{border-color:#779749;box-shadow:0 0 0 3px #9abd7029}.auth-input>svg{flex-shrink:0}.auth-input input{min-width:0;flex:1;width:100%;min-height:54px;border:0;border-radius:0;padding:14px 0;outline:none;background:transparent;color:#173c32;font-size:16px;line-height:1.5;font-weight:400}.auth-input input:focus{outline:none}.auth-input input::placeholder{color:#788476;opacity:1}.auth-password{margin-top:0;padding-right:5px;gap:9px}.auth-password button{display:grid;place-items:center;width:44px;min-height:48px;flex-shrink:0;border-radius:10px;padding:0;background:transparent;color:#65795d}.auth-password button:hover{background:#f0f4e8}.auth-hint{margin-top:8px;color:#657560;font-size:13px;line-height:1.5}.auth-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:16px 19px;margin-top:24px;border-radius:14px;background:#173c32;color:#fff;font-size:16px;font-weight:700;box-shadow:0 5px 12px #173c3214}.auth-submit:hover{background:#28533f}.auth-submit svg{flex-shrink:0;color:#d7f582}.auth-card fieldset:disabled .auth-submit{opacity:.65;cursor:wait}.auth-error{border:1px solid #efd4c9;background:#fff0ea;color:#963c2c;padding:12px;margin-top:16px;border-radius:11px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.auth-switch{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 5px;margin-top:13px;color:#697660;font-size:14px;line-height:1.6}.auth-switch button{background:transparent;color:#315b38;padding:10px 2px;min-height:44px;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.auth-demo{border-top:1px solid #e2e7db;padding-top:17px;margin-top:12px}.auth-demo button{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;background:#eef3e4;color:#3c603d;border-radius:13px;font-size:14px;font-weight:600}.auth-footer{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px;color:#6b7964;font-size:12px}.auth-footer img{width:20px;height:20px;opacity:.7}@media(max-width:359px){.auth-intro,.auth-card{padding-left:20px;padding-right:20px}.auth-brand-note{font-size:11px}.auth-hero-copy h1{font-size:29px}.auth-eyebrow{font-size:9px;letter-spacing:.7px}.auth-portrait>img{height:185px}.auth-portrait-caption{font-size:10px;padding:8px 6px}.auth-hero-copy p{font-size:12px}}@media(prefers-reduced-motion:reduce){.auth-screen button,.auth-input{transition:none}}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/font-0.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/font-1.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/font-2.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/font-3.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/font-4.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/font-5.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/font-6.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/font-7.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/font-8.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/font-9.ttf) format("truetype")}:root{font-family:DM Sans,sans-serif;color:#253c33;background:#e8ebe5;font-synthesis:none;font-weight:400;--green:#173c32;--lime:#d7f582;--muted:#879088;--paper:#fafbf7}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #799e40;outline-offset:4px}input:focus,select:focus{outline:2px solid #8cac68;outline-offset:1px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,DM Sans,sans-serif}button{transition:background .2s,transform .2s}button:active:not(:disabled){transform:translateY(1px)}.phone-shell{width:100%;max-width:430px;min-height:100dvh;margin:auto;background:var(--paper);box-shadow:0 0 90px #183a3215;position:relative}.brand{display:flex;align-items:center;gap:8px;font-size:29px;letter-spacing:-1.5px;font-weight:800}.brand img{width:32px;height:32px;border-radius:10px}.brand.light{color:#fff}.brand-dot{color:#789b4f}.light .brand-dot{color:var(--lime)}.login-hero{background:var(--green);color:#fff;padding:25px 27px 17px;position:relative;overflow:hidden}.login-hero header{display:flex;align-items:center;justify-content:space-between}.edition{font-size:8px;letter-spacing:1.7px;color:#c3d1b8}.hero-copy{position:relative;z-index:1;margin-top:31px}.hero-kicker{display:flex;align-items:center;gap:7px;color:#c5d2be;font-size:10px}.hero-kicker>span{width:5px;height:5px;background:var(--lime);border-radius:50%}.hero-copy h1{font-size:32px;font-weight:500;letter-spacing:-1.2px;line-height:1.25;margin:12px 0}.hero-copy h1 em{font-style:normal;color:var(--lime)}.hero-copy p{font-size:11px;color:#b9cbbd;line-height:1.7}.garden{height:178px;position:relative;margin-top:-5px}.orbit{border:1px solid #ffffff0c;border-radius:50%;position:absolute;width:220px;height:220px;left:70px;top:-10px}.orbit-two{width:300px;height:300px;left:30px;top:-50px}.plant{position:absolute;left:50%;top:5px;transform:translate(-50%);width:150px;height:165px;z-index:2}.stem{position:absolute;left:75px;top:18px;height:100px;width:4px;background:#91b75d;transform:rotate(5deg)}.leaf{position:absolute;width:53px;height:32px;background:#d7f582;border-radius:2px 60px 3px;box-shadow:inset -8px -4px #0000000b}.leaf-one{left:25px;top:36px;transform:rotate(18deg)}.leaf-two{left:76px;top:13px;transform:rotate(-65deg);background:#b2ce75}.leaf-three{left:78px;top:63px;transform:rotate(-38deg);background:#e9f3bd}.leaf-four{left:31px;top:80px;transform:rotate(20deg);background:#94b777}.pot{position:absolute;left:45px;top:105px;width:67px;height:57px;background:#e1a57b;border-radius:5px 5px 22px 22px;transform:rotate(-5deg);box-shadow:inset -12px -1px #c48c68}.pot:before{content:"";position:absolute;left:-4px;top:0;width:75px;height:12px;background:#f0bc96;border-radius:5px}.pot span{display:block;font-size:29px;font-weight:700;color:#785338;text-align:center;padding:9px 0}.floating-label{position:absolute;z-index:3;background:#f8f7e9;color:#314b36;font-size:9px;padding:10px 12px;border-radius:8px;box-shadow:0 5px 10px #00000012}.label-top{right:0;top:30px;transform:rotate(8deg);background:#d7f582}.label-bottom{left:0;bottom:17px;transform:rotate(-7deg)}.tiny-check{background:#dce5d1;border-radius:50%;padding:2px 4px;margin-right:4px}.spark{position:absolute;color:#d7f582}.spark-one{font-size:27px;left:44px;top:6px}.spark-two{font-size:21px;right:38px;bottom:20px}.ground{position:absolute;bottom:3px;left:30%;width:44%;height:14px;background:#09271c66;border-radius:50%}.hero-footer{display:flex;justify-content:space-between;letter-spacing:1.6px;font-size:7px;color:#c6d3bd;border-top:1px solid #ffffff17;padding-top:14px;margin-top:8px}.login-form{padding:25px 27px 0}.welcome-row h2{font-size:24px;letter-spacing:-.8px}.welcome-row h2 span{color:#8baa5e;margin-left:6px;font-size:27px}.welcome-row p{font-size:10.5px;margin-top:6px;color:#818980}.auth-tabs{display:flex;background:#eef0e8;border-radius:11px;padding:4px;margin:22px 0 20px;gap:4px}.auth-tabs button{width:50%;background:transparent;border-radius:8px;padding:10px;font-size:11px;font-weight:600;color:#838b7b}.auth-tabs button.active{background:#fff;color:var(--green);box-shadow:0 2px 7px #00000008}form label{display:block;font-size:11px;font-weight:600;margin-bottom:15px}input,select{width:100%;border:1px solid #e2e6dc;border-radius:10px;background:transparent;color:var(--green);padding:14px 12px;font-size:12px;min-width:0}form label>input,form label>select{margin-top:8px}.input-wrap{display:flex;align-items:center;border:1px solid #dfe3d9;border-radius:10px;margin-top:8px;padding:0 13px;color:#9aa18f;gap:10px}.input-wrap input{border:0;border-radius:5px;flex:1;padding:14px 0;outline:0;font-size:11px}.input-wrap:focus-within{outline:2px solid #8cac68}.input-wrap input::placeholder{color:#a0a497}.password-toggle{background:transparent;color:#949c8b;padding:0;display:flex}.primary{display:flex;width:100%;align-items:center;justify-content:center;gap:10px;padding:15px;background:var(--green);color:#fff;border-radius:11px;font-size:12px;font-weight:600}.login-form .primary{justify-content:space-between;padding:15px 18px;margin-top:22px}.primary:hover{background:#28523e}.divider{display:flex;align-items:center;gap:12px;font-size:9px;color:#9b9f91;margin:20px 0 16px}.divider span{height:1px;flex:1;background:#e5e7df}.demo-button{width:100%;display:flex;justify-content:center;align-items:center;gap:12px;border:1px solid #dee3d6;background:transparent;border-radius:11px;padding:12px;font-size:11px;color:var(--green)}.demo-button svg:first-child{color:#8b9e5c}.demo-note{font-size:9px;color:#a0a495;text-align:center;margin:10px 0}.login-footer{display:flex;align-items:center;justify-content:center;gap:7px;color:#919985;font-size:9px;padding:25px 0 23px}.login-footer img{width:16px;height:16px;filter:grayscale(1);opacity:.5}.form-error{background:#fff0ea;color:#9a493a;border-radius:8px;padding:12px;font-size:11px;margin-bottom:12px;line-height:1.6}.app-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 15px}.avatar{height:39px;width:39px;border:3px solid white;border-radius:50%;background:#edddcd;color:#805f44;font-size:16px;font-weight:700;position:relative;box-shadow:0 0 0 1px #e3e6da}.avatar>span{width:9px;height:9px;border-radius:50%;position:absolute;right:-2px;bottom:0;background:#91ae59;border:2px solid var(--paper)}.app-content{padding:10px 24px 108px}.greeting{margin:6px 0 25px}.date-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#939888}.date-label svg{color:#a6a55c}.greeting h1{font-size:29px;letter-spacing:-1.2px;margin:9px 0 7px;display:flex;align-items:center;justify-content:space-between}.greeting-star{font-size:37px;line-height:1;color:#b1bf82;font-weight:400}.greeting p{font-size:11px;color:#8b9284}.progress-card{background:var(--green);color:#fff;border-radius:20px;padding:19px 20px 15px;position:relative;overflow:hidden}.progress-card:before{content:"";position:absolute;width:240px;height:240px;border:1px solid #ffffff07;border-radius:50%;right:-80px;top:-120px;box-shadow:0 0 0 25px #ffffff03,0 0 0 50px #ffffff02;pointer-events:none}.card-top{display:flex;justify-content:space-between;align-items:center;color:#b6cbb1;font-size:7px;letter-spacing:1.8px}.card-top>span{display:flex;align-items:center;gap:6px}.live-dot{width:5px;height:5px;background:var(--lime);border-radius:50%}.progress-main{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:18px 0 22px}.progress-main h2{font-size:24px;font-weight:500;letter-spacing:-.8px;line-height:1.3}.progress-main em{font-style:normal;color:var(--lime)}.progress-main p{color:#b1c3ae;font-size:9px;margin-top:10px}.progress-ring{width:94px;height:94px;flex-shrink:0;border-radius:50%;background:conic-gradient(var(--lime) var(--progress),#385a43 0);padding:6px;transform:rotate(-90deg)}.progress-ring>div{height:100%;border-radius:50%;background:var(--green);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(90deg)}.progress-ring strong{font-size:25px;font-weight:500;letter-spacing:-1px}.progress-ring small{font-size:12px;margin-left:2px}.progress-ring span{font-size:8px;color:#b3c6ac;margin-top:2px}.progress-bottom{display:flex;justify-content:space-between;padding-top:13px;border-top:1px solid #ffffff16;font-size:8px;color:#bdcbb3;gap:6px}.progress-bottom>span:first-child{display:flex;align-items:center;gap:5px}.progress-bottom>span:last-child{font-size:8px;color:var(--lime)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 28px}.stat-card{display:flex;align-items:center;padding:16px 12px;background:#f0f1e9;border:1px solid #e8ebdf;border-radius:13px;gap:10px}.stat-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px}.peach{background:#f2e0cf;color:#967657}.lavender{background:#e3e1f1;color:#82769f}.stat-card>div{display:flex;flex-direction:column;gap:4px}.stat-card strong{font-size:21px;line-height:1;font-weight:600;letter-spacing:-.6px}.stat-card small{font-size:11px;color:#9a9e8e;font-weight:400}.stat-card div>span{font-size:8px;color:#8a907e}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;gap:6px}.section-heading h2{font-size:15px;letter-spacing:-.3px}.count-badge{display:inline-grid;place-items:center;background:#ebeee0;color:#8c966e;font-size:9px;width:19px;height:19px;border-radius:6px;margin-left:4px;vertical-align:middle}.text-button{display:flex;gap:3px;align-items:center;color:#8a956e;background:transparent;font-size:9px;padding:6px 0}.task-list{border:1px solid #e8eadf;border-radius:15px;overflow:hidden;background:#fff}.task{display:flex;gap:12px;align-items:center;padding:16px 14px;border-bottom:1px solid #eff0e9}.task:last-child{border:0}.task-check{border:1.5px solid #d6dbcd;width:20px;height:20px;flex-shrink:0;border-radius:7px;background:transparent;padding:0;display:grid;place-items:center;color:var(--green)}.done .task-check{background:#d9e6c5;border-color:#d9e6c5}.task-copy{min-width:0;flex:1}.task-copy h3{font-size:11px;font-weight:600;margin-bottom:7px;overflow-wrap:anywhere}.done .task-copy h3{text-decoration:line-through;color:#9ca292}.task-copy>div{display:flex;align-items:center;gap:8px;font-size:8px;color:#9c9f94}.category{font-size:7px;padding:3px 6px;border-radius:4px;background:#f0eee7;color:#958769}.category.kerja{background:#eeedf6;color:#9085aa}.category.belajar{background:#eaf0df;color:#8b9a66}.add-task{border:1px dashed #d3dac7;background:transparent;width:100%;padding:13px;margin-top:11px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#83906a}.focus-banner{display:flex;align-items:center;gap:13px;background:#edf0dc;border:1px solid #e2e7cc;width:100%;border-radius:15px;margin-top:24px;padding:19px 15px;text-align:left;color:var(--green)}.banner-flower{font-size:43px;color:#859550;line-height:1}.focus-banner div{flex:1}.focus-banner div>span{font-size:7px;letter-spacing:1.5px;color:#8d986c}.focus-banner h3{font-size:14px;margin:5px 0}.focus-banner p{font-size:8px;color:#8d9578}.round-arrow{background:#f9faee;border:1px solid #e0e5ce;border-radius:50%;height:30px;width:30px;display:grid;place-items:center;color:#7b8b50}.daily-quote{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:24px;color:#a4aa95}.daily-quote p{font-size:9px;font-style:italic}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;padding:12px 17px max(13px,env(safe-area-inset-bottom));background:#fafbf7f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid #e9ecdf;display:flex;z-index:10}.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;background:transparent;color:#a6ad9c;position:relative;padding:3px 0 8px;font-size:9px}.bottom-nav button.active{color:var(--green);font-weight:700}.bottom-nav i{position:absolute;bottom:0;width:4px;height:4px;background:#8da35f;border-radius:50%}.eyebrow{font-size:8px;letter-spacing:1.7px;color:#8a9874;display:block;margin-bottom:12px}.agenda-page,.focus-page,.profile-page{padding-top:17px}.agenda-page h1,.focus-page h1,.profile-page h1{font-size:28px;letter-spacing:-1px;margin-bottom:10px}.muted{color:#929986;font-size:11px;line-height:1.6}.agenda-date{display:flex;align-items:center;gap:10px;border:1px solid #e4e8d9;border-radius:12px;margin-top:24px;padding:7px 12px;background:#f0f2e8;color:#7e8c68}.agenda-date input{border:0;flex:1;padding:9px 0;font-size:12px}.filter-tabs{display:flex;gap:7px;margin:20px 0}.filter-tabs button,.duration-tabs button{background:#eef0e6;border-radius:8px;padding:9px 13px;font-size:10px;color:#8b947a}.filter-tabs .active,.duration-tabs .active{background:var(--green);color:#fff}.icon-button{padding:7px;border-radius:8px;background:transparent;display:grid;place-items:center;color:#7d8970}.icon-button.delete{color:#b5b7ab}.icon-button.delete:hover{color:#ab5f4d;background:#f7e9e3}.empty{padding:32px 18px;text-align:center;color:#99a189;background:#f0f2e9;border-radius:14px}.empty svg{margin-bottom:14px}.empty h3{font-size:14px;margin-bottom:10px;color:#61704f}.empty p{font-size:11px;line-height:1.6}.empty .primary{margin-top:14px}.task-modal{width:calc(100% - 32px);max-width:398px;border:0;border-radius:22px;padding:26px;background:var(--paper);color:var(--green);box-shadow:0 20px 100px #0003}.task-modal::backdrop{background:#102b2377;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.task-modal .section-heading{margin-bottom:24px}.task-modal .section-heading h2{font-size:20px}.form-row{display:flex;gap:12px}.form-row>label{width:50%}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:95px;z-index:30;width:max-content;max-width:calc(min(430px,100%) - 40px);display:flex;align-items:center;gap:9px;border-radius:12px;background:var(--green);color:#fff;padding:14px 18px;box-shadow:0 5px 30px #0002;font-size:11px}.focus-page>p{font-size:11px;color:#929986}.duration-tabs{display:flex;justify-content:center;gap:9px;margin:30px 0}.timer-ring{margin:20px auto 30px;width:255px;height:255px;border-radius:50%;padding:9px;background:conic-gradient(#91b668 var(--progress),#e8ecd9 0);box-shadow:0 0 0 12px #f2f4e9}.timer-ring>div{border-radius:50%;height:100%;background:var(--paper);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;color:#8c9d6d}.timer-ring strong{font-size:52px;color:var(--green);letter-spacing:-2px;font-weight:500;font-variant-numeric:tabular-nums}.timer-ring strong span{color:#a9b795}.timer-ring div>span{font-size:9px}.reset-button{display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:#8b967b;font-size:10px;width:100%;padding:16px}.focus-tip{display:flex;align-items:center;gap:14px;background:#eef0df;border-radius:14px;padding:17px;margin:17px 0 28px}.focus-tip>span{font-size:32px;color:#89994f}.focus-tip p{font-size:10px;line-height:1.8;color:#8a9474}.focus-tip strong{font-weight:600;color:#69774e}.session-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e9ecdf;padding:14px 0;font-size:11px;color:#8b9778}.session-row>span{flex:1}.session-row strong{color:var(--green)}.center{text-align:center}.profile-card{text-align:center;padding:30px 20px;background:#eef1e5;border-radius:20px;margin-top:25px}.avatar.large{width:68px;height:68px;margin:0 auto 15px;display:grid;place-items:center;font-size:26px}.profile-card h2{font-size:20px;margin-bottom:7px}.profile-card p{font-size:11px;color:#89967a;overflow-wrap:anywhere}.profile-badge{display:inline-flex;gap:6px;align-items:center;font-size:9px;background:#dfe8cd;color:#7d8d58;padding:8px 10px;margin-top:17px;border-radius:20px}.profile-summary{display:flex;margin:23px 0;border:1px solid #e5ead8;border-radius:16px;padding:22px 10px}.profile-summary>div{display:flex;flex-direction:column;align-items:center;gap:10px;width:50%}.profile-summary>div+div{border-left:1px solid #e5ead8}.profile-summary svg{color:#8d9e6a;width:20px}.profile-summary strong{font-size:24px}.profile-summary span{font-size:9px;color:#8e997d}.profile-about{padding:25px 0;text-align:center}.profile-about .brand{justify-content:center;font-size:24px}.profile-about .brand img{width:25px;height:25px}.profile-about p{font-size:11px;line-height:1.8;color:#8a957b;margin:15px 0}.profile-about>span{font-size:9px;color:#acb29f}.logout-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px;background:#f4eae3;border-radius:12px;color:#aa7057;font-size:11px;margin-top:20px}.boot-screen{height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px}.boot-screen img{height:64px;width:64px}.loader{width:23px;height:23px;border:2px solid #dce5cf;border-top-color:#63834a;border-radius:50%;animation:spin .7s linear infinite}.loading-state{display:flex;align-items:center;flex-direction:column;gap:20px;padding:70px 0;font-size:12px;color:#8b967e}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:600px){body{background-color:#e8ebe5;background-image:radial-gradient(#bbc7b555 .8px,transparent .8px);background-size:18px 18px}.phone-shell{border-left:1px solid #dce1d5;border-right:1px solid #dce1d5}}@media(max-width:359px){.app-content{padding-left:17px;padding-right:17px}.login-form,.login-hero{padding-left:21px;padding-right:21px}.hero-copy h1{font-size:29px}.progress-main h2{font-size:21px}.progress-ring{width:82px;height:82px}.stat-card{padding:14px 9px;gap:7px}.label-top{right:-7px;font-size:8px}.label-bottom{left:-5px;font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.header-actions{display:flex;align-items:center;gap:14px}.help-button{background:transparent;color:#637961;padding:6px;display:grid;place-items:center}.commerce .greeting{margin-top:9px;margin-bottom:21px}.commerce .greeting h1{margin-top:8px}.commerce .greeting .eyebrow{font-size:7px;letter-spacing:1.6px;margin-bottom:4px}.wallet-card{background:#173c32;border-radius:20px;padding:21px 21px 15px;color:#fff;position:relative;overflow:hidden}.wallet-label,.wallet-amount,.wallet-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.wallet-label>span{display:flex;align-items:center;gap:7px;color:#cbdbc5;font-size:11px}.wallet-label button{background:none;color:#afc4a8;padding:3px;display:flex}.wallet-amount{margin:15px 0 23px;gap:12px}.wallet-amount strong{font-size:34px;letter-spacing:-1px;font-weight:600}.wallet-amount>button{display:flex;align-items:center;gap:5px;background:#d7f582;color:#173c32;padding:10px 13px;font-size:10px;font-weight:700;border-radius:9px}.wallet-bottom{border-top:1px solid #ffffff1f;padding-top:13px;font-size:8px;color:#b6cbb1}.wallet-bottom span,.wallet-bottom button{display:flex;align-items:center;gap:5px}.wallet-bottom button{background:none;color:#cddbbe;font-size:8px;padding:0}.wallet-decoration{position:absolute;font-size:190px;color:#ffffff04;font-weight:800;right:6px;top:-55px;transform:rotate(-17deg);line-height:1.3}.home-services{margin:27px 0}.small-kicker{font-size:6px;letter-spacing:1px;color:#96a082}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:4px}.service-grid>button{display:flex;align-items:center;flex-direction:column;gap:9px;background:none;color:#526248;font-size:10px;font-weight:500;padding:0}.service-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;flex-shrink:0}.mint{background:#e4edd9;color:#658849}.lilac{background:#eae5f2;color:#9481b6}.service-icon.peach{background:#f5e6d6;color:#b18a58}.sand{background:#eceee3;color:#8c9872}.blue{background:#e2ecf4;color:#7198b0}.yellow{background:#f5efcf;color:#af9e50}.data-banner{display:flex;width:100%;align-items:center;text-align:left;justify-content:space-between;background:#eaf0d9;border:1px solid #e1e8ce;border-radius:18px;padding:23px 19px;color:#173c32;position:relative;overflow:hidden}.data-banner>div:first-child{position:relative;z-index:1}.data-banner>div>span{font-size:7px;letter-spacing:1.5px;color:#849665}.data-banner h2{font-size:25px;font-weight:600;line-height:1.25;letter-spacing:-.8px;margin:9px 0 12px}.data-banner p{display:flex;align-items:center;gap:4px;font-size:8px;color:#7a8b62}.signal-art{width:118px;height:138px;position:relative;flex-shrink:0}.mini-phone{width:77px;height:121px;border:4px solid #547448;border-radius:16px;background:#fcfdee;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;position:absolute;right:17px;top:6px;transform:rotate(12deg);box-shadow:7px 6px #77915d1f;color:#73924f}.mini-phone:before{content:"";width:21px;height:4px;background:#547448;position:absolute;top:5px;border-radius:4px}.mini-phone span{font-size:5px}.mini-phone i{width:31px;height:3px;background:#e0e9ca;border-radius:2px}.mini-phone i:last-child{width:21px}.signal-orbit{position:absolute;width:158px;height:158px;border:1px solid #cfdcbc;border-radius:50%;left:-12px;top:-7px}.float-spark{position:absolute;right:0;top:-3px;font-size:24px;color:#7b9257}.signal-pill{position:absolute;bottom:10px;left:-2px;transform:rotate(-9deg);background:#d7f582;color:#507036;font-size:9px;font-weight:700;padding:7px 12px;border-radius:6px;box-shadow:0 3px 10px #526f3315}.recent-section{margin-top:27px}.history-empty{border:1px solid #e9ecdf;border-radius:15px;padding:25px 14px;text-align:center;background:#fff}.history-empty>span{display:grid;place-items:center;margin:0 auto 13px;width:51px;height:51px;background:#f0f3e9;color:#98a883;border-radius:16px;transform:rotate(-6deg)}.history-empty h3{font-size:13px;font-weight:600;margin-bottom:8px}.history-empty p{font-size:9px;line-height:1.8;color:#99a18e}.history-empty button{display:inline-flex;gap:5px;align-items:center;background:transparent;font-size:9px;font-weight:600;color:#788e59;margin-top:13px}.brand-promise{display:flex;gap:7px;align-items:center;justify-content:center;color:#9ba58b;font-size:8px;margin:25px 0 0}.services-page,.history-page{padding-top:17px}.services-page h1,.history-page h1{font-size:28px;letter-spacing:-1px;margin-bottom:9px}.services-page>p,.history-page>p{font-size:11px;color:#8e9981;line-height:1.7}.services-highlight{display:flex;align-items:center;gap:14px;background:#eaf0dc;padding:19px 16px;border-radius:15px;color:#7e925e;margin:26px 0 20px}.services-highlight div{display:flex;flex-direction:column;gap:6px}.services-highlight strong{font-size:12px;color:#536d41}.services-highlight span{font-size:9px;color:#8a9975}.service-list{border:1px solid #e8ecdf;border-radius:16px;background:#fff;overflow:hidden}.service-list>button{display:flex;align-items:center;gap:13px;width:100%;background:none;text-align:left;padding:17px 15px;border-bottom:1px solid #f0f2e9;color:#7f8f6e}.service-list>button:last-child{border:0}.service-list .service-icon{width:45px;height:45px;border-radius:13px}.service-list>button>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:6px}.service-list strong{font-size:12px;color:#385131;font-weight:600}.service-list small{font-size:9px;color:#9aa38e}.quiet-note{display:flex;gap:9px;align-items:flex-start;padding:21px 5px;color:#9ca78c}.quiet-note svg{flex-shrink:0}.quiet-note p{font-size:9px;line-height:1.8}.flow-header{display:flex;align-items:center;gap:13px;margin:10px 0 23px}.back-button{background:#eef1e5;width:36px;height:36px;border-radius:11px;color:#738560;display:grid;place-items:center;flex-shrink:0}.flow-header .eyebrow{font-size:7px;margin-bottom:6px}.flow-header h1{font-size:23px;letter-spacing:-.7px;line-height:1.3}.stepper{display:flex;gap:13px;align-items:center;border-bottom:1px solid #e5eadb;padding-bottom:20px;color:#a6ad9a;font-size:9px}.stepper>span{display:flex;gap:6px;align-items:center}.stepper i{display:grid;place-items:center;width:21px;height:21px;background:#edf0e6;border-radius:50%;font-style:normal;font-size:9px}.stepper .current{color:#59793f;font-weight:600}.stepper .current i{background:#dceabb;color:#51712d}.flow-intro{margin:24px 0 19px}.flow-intro h2{font-size:16px;letter-spacing:-.4px;margin-bottom:7px}.flow-intro p{font-size:10px;line-height:1.7;color:#939d87}.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:24px}.provider-grid>button{position:relative;border:1px solid #e4e9dc;background:#fff;border-radius:13px;padding:16px 8px 13px;display:flex;align-items:center;flex-direction:column;gap:11px;min-width:0;color:#69775a}.provider-grid>button.selected{border:1.5px solid #87a65d;background:#f3f7e9;box-shadow:0 0 0 2px #8bad4e0a;padding:15.5px 7.5px 12.5px}.provider-grid strong{font-size:10px;font-weight:500}.provider-logo{display:inline-flex;align-items:center;justify-content:center;width:54px;height:37px;border-radius:7px;overflow:hidden;flex-shrink:0;padding:3px}.provider-logo img{max-width:100%;max-height:100%;object-fit:contain}.provider-dana{background:#168ce3;padding:6px}.provider-ovo{background:#4c3490;padding:8px}.provider-check{position:absolute;right:6px;top:6px;background:#729a4c;color:#fff;width:16px;height:16px;border-radius:50%;display:grid;place-items:center}.number-card{border:1px solid #e5eadc;padding:19px 16px;border-radius:15px;background:#fff}.number-card>label{font-size:11px;margin-bottom:10px}.phone-input{border:1px solid #dce3d2;border-radius:10px;padding:0 11px;display:flex;align-items:center;gap:9px;color:#94a580}.phone-input:focus-within{outline:2px solid #94b277}.phone-input input{border:0;outline:none;flex:1;font-size:13px;padding:15px 0}.phone-input input:focus{outline:none}.phone-input>button{padding:3px 4px;background:transparent;font-size:20px;color:#a1ab92}.input-hint{font-size:9px;color:#98a18e;line-height:1.7;margin:9px 0}.detected{display:flex;align-items:center;gap:6px;font-size:9px;color:#739452;margin:12px 0}.detected strong{font-weight:600}.number-card .primary{margin-top:19px;justify-content:space-between;padding:14px 16px;font-size:11px}.number-card .form-error{margin-top:12px}.destination-summary{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e4e9d9;border-radius:14px;padding:16px 12px;margin:22px 0 15px}.destination-summary>div{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.destination-summary strong{font-size:12px}.destination-summary span{font-size:10px;color:#8b997c}.destination-summary button{background:#edf2e1;color:#789151;border-radius:7px;padding:7px 10px;font-size:9px}.catalog-notice{display:flex;align-items:flex-start;gap:9px;background:#f3efdf;color:#9a8b57;border:1px solid #ebe5cf;padding:13px;border-radius:10px;margin-bottom:25px}.catalog-notice svg{flex-shrink:0}.catalog-notice p{font-size:9px;line-height:1.7}.catalog-notice strong{display:block;font-size:10px;margin-bottom:3px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{background:#fff;border:1px solid #e3e8db;border-radius:13px;padding:15px 13px;text-align:left;color:#314d31}.example-tag{font-size:6px;letter-spacing:1px;background:#eef2e5;color:#8a9d71;padding:4px 6px;border-radius:4px;display:inline-block}.product-card h3{font-size:14px;letter-spacing:-.3px;margin:13px 0 6px}.product-card p{font-size:8px;color:#99a28e;line-height:1.6}.product-card>div{display:flex;align-items:center;justify-content:space-between;padding-top:13px;margin-top:13px;border-top:1px solid #eef1e6;gap:3px}.product-card strong{font-size:12px;color:#6a8c46}.product-card svg{color:#8f9f79}.catalog-footnote{display:flex;align-items:flex-start;gap:6px;margin-top:20px;font-size:8px;line-height:1.7;color:#a0a78f}.catalog-footnote svg{flex-shrink:0}.notice-dialog{position:relative;text-align:center;padding:30px 24px}.close-notice{position:absolute;top:10px;right:10px}.notice-symbol{display:grid;place-items:center;width:60px;height:60px;border-radius:19px;background:#e8efda;color:#8ca16b;margin:6px auto 20px}.notice-dialog h2{font-size:20px}.notice-dialog p{font-size:11px;color:#8e9a7d;line-height:1.9;margin:14px 0 24px}.history-total{display:flex;justify-content:space-between;align-items:center;background:#edf2e3;border-radius:12px;padding:17px;margin:24px 0 16px;font-size:11px;color:#899978}.history-total strong{font-size:22px;color:#4f6f38}.refresh-history{display:flex;align-items:center;justify-content:center;gap:7px;background:none;color:#8b9b76;font-size:10px;margin:20px auto}.account-links{margin-top:23px;border:1px solid #e4e9da;border-radius:14px;background:#fff;overflow:hidden}.account-links button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:none;padding:19px 13px;border-bottom:1px solid #eff2e7;color:#899b70;font-size:11px}.account-links button:last-child{border:0}.account-links span{flex:1;color:#65784f}.account-links strong{font-size:12px;color:#3b5836}.account-version{text-align:center;font-size:9px;color:#a4ad98;margin-top:28px}.transaction-list article{display:flex;gap:10px;padding:16px 0;border-bottom:1px solid #e8ecdf;font-size:10px}.transaction-list article>div{display:flex;flex-direction:column;gap:5px;flex:1}.transaction-list article>div:last-child{text-align:right}.transaction-list article span,.transaction-list small{color:#95a086}.transaction-list .service-icon{width:35px;height:35px}.login-connect{display:flex;align-items:center;justify-content:center;height:168px;position:relative;margin:12px 0}.login-connect .signal-art{transform:scale(1.15)}.login-connect .mini-phone{background:#e7f1d8}.login-connect .signal-orbit{border-color:#ffffff12;box-shadow:0 0 0 24px #ffffff03,0 0 0 48px #ffffff02}.login-connect .connect-tag{position:absolute;left:2px;top:85px;background:#e6efd7;color:#47643b;padding:10px 13px;border-radius:8px;font-size:9px;transform:rotate(-8deg)}.login-connect .connect-tag.right{left:auto;right:0;top:25px;background:#d7f582;transform:rotate(8deg)}@media(max-width:359px){.service-grid{gap:6px}.service-icon{width:48px;height:48px}.data-banner{padding:20px 15px}.data-banner h2{font-size:23px}.signal-art{width:100px}.flow-header h1{font-size:21px}.provider-grid{gap:8px}.wallet-card{padding:19px 17px 15px}.small-kicker{font-size:5px}}.home-dashboard{--home-muted:#7c8b75;--home-line:#e4e9dc}.commerce:has(.home-dashboard) .app-header{padding-top:22px;padding-bottom:15px}.home-greeting{display:flex;justify-content:space-between;align-items:center;gap:10px}.commerce .home-greeting{margin:6px 0 22px}.commerce .home-greeting .eyebrow{font-size:7px;letter-spacing:1.5px;color:#80916e}.commerce .home-greeting h1{font-size:29px;letter-spacing:-1.2px;justify-content:flex-start;gap:9px;overflow-wrap:anywhere}.hello-spark{font-size:29px;font-weight:400;color:#8fa867}.commerce .home-greeting p{font-size:11px;color:#85917b}.greeting-stamp{display:flex;align-items:center;flex-direction:column;gap:5px;flex-shrink:0;padding-right:3px;transform:rotate(9deg)}.greeting-stamp img{width:28px;height:28px;opacity:.5;filter:grayscale(.8)}.greeting-stamp i{font-size:6px;line-height:1.4;text-align:center;font-style:normal;color:#91a080;letter-spacing:.2px}.home-wallet{background:#183e32;padding:20px 21px 15px;border-radius:20px;box-shadow:0 9px 22px #2446290b}.home-wallet .wallet-label>span{font-size:11px;color:#d2dfc9}.home-wallet .wallet-label button{padding:6px;margin:-3px -2px}.home-wallet .wallet-amount{margin-top:11px;margin-bottom:21px}.home-wallet .wallet-amount strong{font-size:37px;font-weight:500}.home-wallet .wallet-amount>button{padding:12px 14px;min-height:40px;border-radius:10px;background:#dbf5a0}.home-wallet .wallet-bottom{padding-top:12px;font-size:9px}.home-wallet .wallet-bottom button{font-size:9px;padding:3px 0}.wallet-circles{position:absolute;right:-47px;top:-60px;width:230px;height:230px;border:1px solid #e0f8c412;border-radius:50%;box-shadow:0 0 0 22px #e0f8c404,0 0 0 45px #e0f8c404,0 0 0 69px #e0f8c403;pointer-events:none}.home-dashboard .section-heading{margin-bottom:17px}.home-dashboard .section-heading h2{font-size:16px;font-weight:700;letter-spacing:-.5px}.home-dashboard .section-heading p{font-size:10px;color:var(--home-muted);margin-top:5px;line-height:1.5}.section-marker{font-size:6px;letter-spacing:1px;color:#9aa78a}.home-dashboard .home-services{margin:27px 0 25px}.home-dashboard .service-grid{gap:13px;padding:0}.home-dashboard .service-grid>button{font-size:10px;gap:10px;min-height:79px;color:#52654a}.home-dashboard .service-grid .service-icon{width:57px;height:55px;border:1px solid #ffffff88;border-radius:18px;box-shadow:inset 0 2px #ffffff70,0 4px 9px #5b674708;position:relative}.home-dashboard .service-grid .service-icon:after{content:"";position:absolute;right:8px;top:7px;width:6px;height:6px;border-radius:50%;background:#ffffff8c}.home-dashboard .service-grid .service-icon svg{stroke-width:1.7;filter:drop-shadow(0 2px 1px #ffffff9c)}.connection-banner{display:block;width:100%;position:relative;text-align:left;overflow:hidden;isolation:isolate;min-height:217px;background:#edf2df;border:1px solid #e2e8d3;border-radius:19px;padding:24px 19px 19px;color:#284832}.connection-copy{position:relative;z-index:2;width:58%;pointer-events:none}.banner-eyebrow{display:flex;align-items:center;gap:5px;font-size:6px;letter-spacing:1.1px;color:#738655;font-weight:600}.banner-eyebrow i{width:4px;height:4px;border-radius:50%;background:#789957}.connection-copy h2{font-size:23px;line-height:1.22;letter-spacing:-.9px;font-weight:600;margin:13px 0 10px}.connection-copy h2 em{font-style:normal;color:#5c7a40}.connection-copy p{font-size:9px;line-height:1.8;color:#7c8d69}.banner-cta{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:600;margin-top:16px;border-bottom:1px solid #8aa56e65;padding-bottom:5px;color:#4c6d34}.connection-portrait{position:absolute;right:-15px;bottom:0;width:58%;height:100%;z-index:0;-webkit-mask-image:linear-gradient(to right,transparent,black 16%);mask-image:linear-gradient(to right,transparent,black 16%)}.connection-portrait img{width:100%;height:100%;object-fit:cover;object-position:49% 45%;mix-blend-mode:multiply}.connection-caption{position:absolute;right:9px;bottom:9px;font-size:5px;letter-spacing:.4px;z-index:1;color:#f7ffe9;background:#183e326b;border-radius:20px;padding:5px 7px}.home-operators{margin:27px 0 26px}.operator-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.operator-strip>button{padding:0;min-width:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:8px;color:#7d8c70;font-size:8px}.operator-tile{height:45px;width:100%;background:#fff;border:1px solid #e6ebdf;border-radius:12px;display:grid;place-items:center;transition:transform .2s,border-color .2s}.operator-tile .provider-logo{width:100%;height:29px;padding:4px 6px}.operator-strip>button:hover .operator-tile{border-color:#a4b787;transform:translateY(-2px)}.home-dashboard .recent-section{margin-top:0}.home-dashboard .text-button{font-size:9px;color:#6f8456}.home-dashboard .history-empty{position:relative;display:grid;grid-template-columns:50px 1fr;column-gap:14px;text-align:left;padding:20px 17px;border-radius:16px;background:#fff;border:1px solid var(--home-line)}.home-dashboard .history-empty>span{grid-column:1;grid-row:1 / 4;margin:0;width:48px;height:54px;background:#eef2e7;border-radius:14px;color:#99aa86;align-self:center}.home-dashboard .history-empty h3{grid-column:2;font-size:12px;margin:0 0 6px}.home-dashboard .history-empty p{grid-column:2;font-size:9px;line-height:1.75;color:#8e9b80}.home-dashboard .history-empty p br{display:none}.home-dashboard .history-empty button{grid-column:2;justify-self:start;padding:0;margin-top:10px;min-height:25px;font-size:9px;color:#6e8950}.home-help{display:flex;width:100%;gap:12px;align-items:center;text-align:left;padding:15px 14px;background:#f0ede4;border:1px solid #eae5d9;border-radius:14px;margin-top:19px;color:#8b8469}.help-illustration{display:grid;place-items:center;background:#e7e1d0;border:1px solid #f9f6ed;width:39px;height:39px;border-radius:12px;transform:rotate(-7deg);flex-shrink:0}.home-help>span:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.home-help strong{font-size:11px;font-weight:600;color:#676d51}.home-help small{font-size:9px;color:#98967f}.home-dashboard .brand-promise{gap:7px;margin-top:24px;font-size:8px;color:#9ba68d}.brand-promise img{width:16px;height:16px;filter:grayscale(.7);opacity:.5}.home-dashboard .brand-promise>span:last-child{margin-left:6px;color:#9baa81}@media(max-width:359px){.home-dashboard .service-grid{gap:8px}.home-dashboard .service-grid .service-icon{width:52px;height:52px}.connection-banner{padding:21px 15px;min-height:215px}.connection-copy{width:59%}.connection-copy h2{font-size:21px}.connection-portrait{right:-20px;width:61%}.operator-strip{gap:5px}.operator-strip>button{font-size:7px}.operator-tile{height:41px;border-radius:10px}.operator-tile .provider-logo{padding:5px}.greeting-stamp{display:none}.home-dashboard .history-empty{padding:17px 12px;gap:10px}.home-dashboard .section-heading h2{font-size:15px}}.service-icon.service-icon-3d{position:relative;display:grid;place-items:center;overflow:visible;border:0;border-radius:17px;background:transparent;box-shadow:none}.service-icon-3d img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 3px #46553812);transition:transform .2s ease}.home-dashboard .service-grid{gap:12px}.home-dashboard .service-grid .service-icon-3d{width:65px;height:65px;background:transparent;border:0;box-shadow:none}.home-dashboard .service-grid .service-icon-3d:after{display:none}.home-dashboard .service-grid>button{gap:7px;min-height:88px}.service-grid>button:hover .service-icon-3d img,.service-list>button:hover .service-icon-3d img{transform:translateY(-3px) rotate(-3deg)}.service-list .service-icon-3d{width:55px;height:55px}.service-list>button{padding:15px 14px;gap:14px}.services-highlight>.service-icon-3d{width:44px;height:44px;flex-shrink:0}@media(max-width:359px){.home-dashboard .service-grid{gap:8px}.home-dashboard .service-grid .service-icon-3d{width:59px;height:59px}.home-dashboard .service-grid>button{min-height:82px}.service-list .service-icon-3d{width:50px;height:50px}}@media(prefers-reduced-motion:reduce){.service-icon-3d img{transition:none}.service-grid>button:hover .service-icon-3d img,.service-list>button:hover .service-icon-3d img{transform:none}}.dashboard .app-content{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.dashboard svg{flex-shrink:0}.dashboard .app-header{gap:16px}.dashboard .header-actions{gap:9px}.dashboard .help-button,.dashboard .header-actions .avatar{width:44px;height:44px}.dashboard .help-button{display:grid;place-items:center;border-radius:14px;background:#edf2e5;color:#42633b}.dashboard .bottom-nav{padding:9px 12px max(12px,env(safe-area-inset-bottom));gap:4px;background:#fafbf7fa;box-shadow:0 -5px 24px #173c3209}.dashboard .bottom-nav button{min-width:0;min-height:60px;padding:5px 2px;gap:5px;border-radius:14px;color:#62745c;font-size:12px;font-weight:600}.nav-icon{display:grid;place-items:center;width:48px;height:30px;border-radius:11px}.dashboard .bottom-nav button.active{color:#173c32}.bottom-nav .active .nav-icon{background:#dff1b9}.dashboard .bottom-nav svg{width:24px;height:24px;stroke-width:2}.dashboard .bottom-nav .active svg{stroke-width:2.5}.dashboard .services-page,.dashboard .history-page,.dashboard .profile-page{padding-top:14px}.dashboard .eyebrow{font-size:10px;letter-spacing:1.4px;color:#697d57;line-height:1.6}.dashboard .services-page>p,.dashboard .history-page>p{font-size:14px;line-height:1.7;color:#697861}.dashboard .services-page h1,.dashboard .history-page h1,.dashboard .profile-page h1{font-size:28px;line-height:1.3}.dashboard .services-highlight{gap:14px;padding:20px 16px;margin:23px 0 20px;border:1px solid #dfe8d0;border-radius:18px}.dashboard .services-highlight strong{font-size:15px;line-height:1.5}.dashboard .services-highlight span{font-size:13px;line-height:1.6;color:#647653}.dashboard .services-highlight .service-icon{width:52px;height:52px}.dashboard .service-list{border-radius:18px}.dashboard .service-list>button{padding:18px 14px;gap:13px;min-height:94px}.dashboard .service-list>button>span:nth-child(2){min-width:0}.dashboard .service-list .service-icon{width:56px;height:56px;flex-shrink:0}.dashboard .service-list strong{font-size:15px;line-height:1.4}.dashboard .service-list small{font-size:12px;line-height:1.6;color:#6c7c61}.dashboard .service-list>button>svg{color:#567844}.dashboard .quiet-note{padding:20px 4px;gap:10px;color:#6d805d}.dashboard .quiet-note p{font-size:12px;line-height:1.7}.dashboard .history-total{padding:20px;border-radius:17px;font-size:14px;color:#596f4d}.dashboard .history-total strong{font-size:28px}.history-page .history-empty{padding:34px 22px;border-radius:20px;border:1px solid #e1e7d9;background:#fff}.history-page .history-empty>span{width:70px;height:70px;border-radius:22px;color:#5c7c3e;background:#edf3e2;margin-bottom:22px}.history-page .history-empty>span svg{width:32px;height:32px}.history-page .history-empty h3{font-size:18px}.history-page .history-empty p{font-size:14px;line-height:1.8;color:#6b7a61}.history-page .history-empty button{justify-content:center;width:100%;min-height:50px;margin-top:22px;padding:12px;border-radius:12px;background:#173c32;color:#fff;font-size:14px;font-weight:600}.dashboard .refresh-history{min-height:48px;font-size:13px;color:#5c7549;padding:10px 16px;border-radius:12px;background:#edf2e5}.dashboard .profile-card{padding:26px 18px;border:1px solid #dfe7d5;background:linear-gradient(145deg,#eef4e3,#f6f8ee)}.dashboard .profile-card .avatar{width:72px;height:72px;background:#d9eaba;color:#365330;border:4px solid white;font-size:29px}.dashboard .profile-card h2{font-size:22px;line-height:1.5;overflow-wrap:anywhere}.dashboard .profile-card p{font-size:14px;line-height:1.7;color:#67775b;overflow-wrap:anywhere}.dashboard .profile-badge{display:inline-flex;gap:6px;align-items:center;margin-top:14px;border-radius:20px;padding:8px 11px;font-size:12px;background:#fff;color:#496c39}.dashboard .account-links{border-radius:18px}.dashboard .account-links button{gap:11px;min-height:76px;padding:17px 14px;color:#52723e}.dashboard .account-links button>svg:first-child{background:#edf3e3;width:39px;height:39px;padding:9px;border-radius:12px}.dashboard .account-links span{min-width:0;font-size:14px;line-height:1.5;color:#344f30}.dashboard .account-links strong{font-size:14px;overflow-wrap:anywhere;max-width:40%}.dashboard .logout-button{min-height:54px;border-radius:14px;font-size:14px;color:#963e2b;background:#f9eae4}.dashboard .account-version{font-size:12px;line-height:1.8;color:#718166;margin-top:22px}.dashboard .transaction-list article{flex-wrap:wrap;gap:12px;padding:18px 12px;background:#fff;border:1px solid #e4eadc;border-radius:14px;margin-top:10px;font-size:13px}.dashboard .transaction-list article>div{min-width:100px;overflow-wrap:anywhere;line-height:1.6}.dashboard .transaction-list article span,.dashboard .transaction-list small{color:#637557}.dashboard .back-button{width:44px;height:44px}.dashboard .flow-header>div{min-width:0}.dashboard .flow-header h1{font-size:24px;overflow-wrap:anywhere}.dashboard .stepper{font-size:12px;gap:8px}.dashboard .stepper>span{gap:5px}.dashboard .stepper i{flex-shrink:0;width:25px;height:25px;font-size:12px}.dashboard .flow-intro h2{font-size:18px;line-height:1.5}.dashboard .flow-intro p{font-size:13px;line-height:1.7;color:#66795a}.dashboard .provider-grid{gap:10px}.dashboard .provider-grid>button{min-height:97px;justify-content:center}.dashboard .provider-grid strong{font-size:12px}.dashboard .number-card{padding:20px 16px;border-radius:18px}.dashboard .number-card>label{font-size:14px}.dashboard .phone-input{padding-right:4px}.dashboard .phone-input input{font-size:16px;min-height:56px}.dashboard .phone-input>button{min-width:44px;min-height:44px}.dashboard .input-hint,.dashboard .detected{font-size:12px;line-height:1.7;color:#61784c}.dashboard .number-card .primary{min-height:54px;font-size:15px}.dashboard .destination-summary strong{font-size:14px}.dashboard .destination-summary span{font-size:13px;color:#627455}.dashboard .destination-summary button{min-height:44px;font-size:12px}.dashboard .catalog-notice p{font-size:12px;color:#766534}.dashboard .catalog-notice strong{font-size:13px}.dashboard .product-card{padding:15px 12px}.dashboard .product-card h3{font-size:16px;line-height:1.5;overflow-wrap:anywhere}.dashboard .product-card p{font-size:12px;line-height:1.7;color:#68785c}.dashboard .product-card strong{font-size:14px}.dashboard .example-tag{font-size:9px}.dashboard .catalog-footnote{font-size:12px;color:#6e7d60}.dashboard .notice-dialog{max-height:calc(100dvh - 32px);overflow-y:auto;padding:32px 24px 24px}.dashboard .close-notice{width:44px;height:44px}.dashboard .notice-dialog h2{line-height:1.5;overflow-wrap:anywhere}.dashboard .notice-dialog p{font-size:14px;line-height:1.8;color:#64745a}.dashboard .notice-dialog .primary{min-height:50px;font-size:14px}.dashboard .home-dashboard .service-grid>button{font-size:12px}.dashboard .home-dashboard .text-button{min-height:44px;font-size:12px}@media(max-width:359px){.dashboard .account-links button{padding:15px 11px;gap:8px}.dashboard .account-links button>svg:first-child{width:34px;height:34px;padding:7px}.dashboard .stepper{font-size:11px;gap:5px}.dashboard .service-list>button{gap:10px;padding:16px 12px}}