@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-thai-400-normal-C2DaJlKK.woff2)format("woff2"),url(/assets/sarabun-thai-400-normal-CH-UbWgg.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-vietnamese-400-normal-igdrzAGY.woff2)format("woff2"),url(/assets/sarabun-vietnamese-400-normal-DPfkSCMy.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-latin-ext-400-normal-BbP7GpLL.woff2)format("woff2"),url(/assets/sarabun-latin-ext-400-normal-BsmTn0SS.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-latin-400-normal-URPBxl-K.woff2)format("woff2"),url(/assets/sarabun-latin-400-normal-DmguIS-7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-thai-600-normal-3dIAQ-_s.woff2)format("woff2"),url(/assets/sarabun-thai-600-normal-DWKeTe6a.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-vietnamese-600-normal-DkxrOlLB.woff2)format("woff2"),url(/assets/sarabun-vietnamese-600-normal-BMbOgAW-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-latin-ext-600-normal-BRxjKUQ6.woff2)format("woff2"),url(/assets/sarabun-latin-ext-600-normal-0tXu9x_i.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-latin-600-normal-DMD3TROr.woff2)format("woff2"),url(/assets/sarabun-latin-600-normal-9FonlkKx.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-thai-700-normal-CbuDipM3.woff2)format("woff2"),url(/assets/sarabun-thai-700-normal-CP2-p8e-.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-vietnamese-700-normal-DrMy3BMX.woff2)format("woff2"),url(/assets/sarabun-vietnamese-700-normal-lN6N8XBT.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-latin-ext-700-normal-CnQtP196.woff2)format("woff2"),url(/assets/sarabun-latin-ext-700-normal-ykw7DJpk.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-latin-700-normal-DQKyWxHq.woff2)format("woff2"),url(/assets/sarabun-latin-700-normal-DUuqj4Ju.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/sarabun-thai-800-normal-DHi8T_c1.woff2)format("woff2"),url(/assets/sarabun-thai-800-normal-CfPggcCM.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/sarabun-vietnamese-800-normal-D1pEcN1J.woff2)format("woff2"),url(/assets/sarabun-vietnamese-800-normal-B7EBAtkS.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/sarabun-latin-ext-800-normal-so5w_pcj.woff2)format("woff2"),url(/assets/sarabun-latin-ext-800-normal-BVgqCSvO.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/sarabun-latin-800-normal-BVem44Kc.woff2)format("woff2"),url(/assets/sarabun-latin-800-normal-DNYrTje5.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#17211d;--muted:#7b837f;--emerald:#123b31;--emerald-light:#1e5a49;--gold:#caa45a;--gold-light:#ecd59e;--ivory:#faf8f1;--paper:#fffefa;--line:#e7e1d3;--ruby:#8b4150;--sapphire:#38596c;--shadow:0 18px 50px #1a27211a}@media (orientation:landscape) and (min-width:900px){.dashboard-screen.trading-dashboard{background:radial-gradient(circle at 13% -8%,#f2c94c21,#0000 28rem),radial-gradient(circle at 77% 2%,#46c8e81a,#0000 27rem),radial-gradient(circle at 100% 82%,#ef66730e,#0000 24rem),linear-gradient(#070a0e,#040608 72%)}.trade-header{background:linear-gradient(105deg,#18140af5,#0a0f13f5 42%,#081116f5);border-color:#dba92847;box-shadow:inset 0 1px #fff0a30f,0 10px 30px #00000038}.trade-header:after{content:"";opacity:.72;background:linear-gradient(90deg,#0000,#dba928 28%,#46c8e8 70%,#0000);height:1px;position:absolute;bottom:-1px;left:72px;right:72px}.trade-header{position:relative}.trade-logo{color:#181000;background:linear-gradient(145deg,#fff0a3 0%,#f2c94c 42%,#d79d17 100%);border-color:#fff0a3b8;box-shadow:0 0 18px #f2c94c2e,inset 0 1px #ffffffb3}.trade-brand strong{color:#f3ca4f;text-shadow:0 0 18px #f2c94c24}.trade-brand small{color:#7d6d3c}.trade-session>span{color:#6cdf9e;background:#4fd18b13;border-color:#4fd18b45}.trade-session i{background:#58e59b;box-shadow:0 0 9px #4fd18bbf}.trade-workspace{background:linear-gradient(135deg,#0d1318,#0b171d);border-color:#46c8e833}.trade-workspace b{color:#e4bd43}.trade-settings{color:#d5b754;background:#f2c94c09;border-color:#f2c94c3d}.trade-kpi-strip{background:#202b32;border-color:#f2c94c38;box-shadow:0 10px 28px #0000002e}.trade-kpi-strip article{isolation:isolate;background:linear-gradient(145deg,#0d1318,#0a0f13)}.trade-kpi-strip article:before{content:"";z-index:-1;opacity:.045;filter:blur(2px);background:currentColor;border-radius:50%;width:90px;height:90px;position:absolute;top:-46px;right:-38px}.trade-kpi-strip article:first-child{color:#46c8e8}.trade-kpi-strip article:nth-child(2){color:#f2c94c}.trade-kpi-strip article:nth-child(3){color:#8c79e8}.trade-kpi-strip article:nth-child(4){color:#f0a847}.trade-kpi-strip article:nth-child(5){color:#ef6673}.trade-kpi-strip article:first-child:after{background:linear-gradient(90deg,#279dc4,#46c8e8)}.trade-kpi-strip article:nth-child(2):after{background:linear-gradient(90deg,#dba928,#fff0a3)}.trade-kpi-strip article:nth-child(3):after{background:linear-gradient(90deg,#6956cf,#9c8df0)}.trade-kpi-strip article:nth-child(4):after{background:linear-gradient(90deg,#d88226,#f2bd59)}.trade-kpi-strip article:nth-child(5):after{background:linear-gradient(90deg,#c84856,#ef6673)}.trade-kpi-strip article.primary{background:linear-gradient(120deg,#1b180d,#11130f 58%,#0c1216);box-shadow:inset 0 0 28px #f2c94c0e}.trade-kpi-strip article small{color:#7b8991}.trade-kpi-strip article strong{color:currentColor}.trade-kpi-strip article.primary strong{color:#f6d45f;text-shadow:0 0 20px #f2c94c1f}.trade-kpi-strip article.risk strong{color:#ef7580}.trade-kpi-strip em{color:#64727a}.trade-chart-panel,.trade-portfolio-panel,.trade-bottom-grid>section{background:linear-gradient(145deg,#10171dfa,#080d11fc)}.trade-chart-panel{border-color:#46c8e83d;box-shadow:inset 0 1px #7adef30b,0 14px 32px #0000003d}.trade-chart-panel:before,.trade-portfolio-panel:before,.trade-bottom-grid>section:before{content:"";opacity:.8;height:1px;position:absolute;top:0;left:15px;right:15px}.trade-chart-panel,.trade-portfolio-panel,.trade-bottom-grid>section{position:relative}.trade-chart-panel:before{background:linear-gradient(90deg,#46c8e8,#46c8e824,#0000 72%)}.trade-panel-head p,.mini-panel-head p{color:#708a98}.trade-panel-head h2{color:#edf4f6}.chart-period{border-color:#46c8e829}.chart-period button.active{color:#181000;background:linear-gradient(135deg,#f7d764,#dba928);box-shadow:0 0 12px #f2c94c1a}.trade-chart-summary>strong{color:#f2d05a}.trade-chart-summary .positive{color:#65dda0;background:#4fd18b1a}.trade-chart-summary .negative{color:#f27c86;background:#ef66731a}.trade-line-stage{background:repeating-linear-gradient(0deg,#0000 0 38px,#46c8e812 39px 40px),linear-gradient(90deg,#46c8e805,#0000 70%)}.trade-point{fill:#091218;stroke:#72d5eb;filter:drop-shadow(0 0 3px #46c8e840)}.trade-point.current{fill:#f2c94c;stroke:#fff0a3;filter:drop-shadow(0 0 7px #f2c94c99)}.trade-value-labels span:last-child{color:#f2d262;font-weight:700}.trade-chart-panel footer span:last-child{border-left-color:#f2c94c38}.trade-chart-panel footer span:last-child small{color:#9e8433}.trade-chart-panel footer span:last-child strong{color:#f2cc4f}.trade-portfolio-panel{border-color:#f2c94c40;box-shadow:inset 0 1px #fff0a30b,0 14px 32px #0000003d}.trade-portfolio-panel:before{background:linear-gradient(90deg,#f2c94c,#f2c94c26,#0000 78%)}.health-dot{color:#67dd9d;background:#4fd18b14;border-color:#4fd18b4d}.trade-donut{background:conic-gradient(#f2c94c 0 var(--progress),#162830 var(--progress) 100%);box-shadow:inset 0 0 0 1px #fff0a326,0 0 28px #f2c94c14,0 13px 26px #00000052}.trade-donut>div{background:radial-gradient(circle at 42% 34%,#17232a,#080d11 70%);border-color:#46c8e829}.trade-donut strong{color:#f5d359}.trade-received strong{color:#6fe0a4;text-shadow:0 0 18px #4fd18b1a}.trade-progress{background:#18252b;box-shadow:inset 0 0 0 1px #ffffff05}.trade-progress i{background:linear-gradient(90deg,#3cc886 0%,#77df9f 58%,#f2c94c 100%);box-shadow:0 0 12px #4fd18b38}.trade-status-rows i.paid{background:#4fd18b;box-shadow:0 0 7px #4fd18b59}.trade-status-rows i.pending{background:#f0a847;box-shadow:0 0 7px #f0a8474d}.trade-status-rows i.overdue{background:#ef6673;box-shadow:0 0 7px #ef667352}.trade-bottom-grid>section{box-shadow:inset 0 1px #ffffff06,0 12px 27px #0003}.trade-bar-panel{border-color:#46c8e833!important}.trade-bar-panel:before{background:linear-gradient(90deg,#46c8e8,#f2c94c,#0000 82%)}.trade-due-panel{border-color:#f0a8473b!important}.trade-due-panel:before{background:linear-gradient(90deg,#f0a847,#f2c94c,#0000 82%)}.trade-watch-panel{border-color:#ef667336!important}.trade-watch-panel:before{background:linear-gradient(90deg,#ef6673,#ef66731f,#0000 82%)}.mini-panel-head>strong{color:#f4c94a;text-shadow:0 0 15px #f2c94c24}.trade-bars i{background:linear-gradient(#50bdd9,#1d596a);box-shadow:0 -3px 12px #46c8e814}.trade-bars i:nth-child(3n+2):not(.current){background:linear-gradient(#5b87c9,#253d62)}.trade-bars i.current{background:linear-gradient(#ffe67a,#d59d18 72%,#6e5518);box-shadow:0 -4px 16px #f2c94c2e}.trade-compact-list .today-due-row{background:linear-gradient(110deg,#f0a84709,#090e12 36%);border-color:#f0a84729}.trade-compact-list .list-row{background:linear-gradient(110deg,#ef667308,#090e12 36%);border-color:#ef667326}.trade-clear>span{color:#62dfa0;background:#4fd18b13;border-color:#4fd18b57;box-shadow:0 0 16px #4fd18b12}.bottom-nav{background:linear-gradient(#080a0cf7,#040506fa);border-top-color:#f2c94c40}.bottom-nav button.active{color:#f2ca4d;text-shadow:0 0 10px #f2c94c2e}.bottom-nav .nav-add{background:linear-gradient(145deg,#ffe873,#e4ae1a);border-color:#fff0a3d1;box-shadow:0 0 26px #f2c94c40,0 12px 26px #00000052}}.contract-side-stack{align-content:start;gap:11px;min-width:0;display:grid}.contract-side-stack>*{min-width:0;margin:0}.principal-prepayment-card{background:radial-gradient(circle at 0,#ffb71f24,#0000 8rem),linear-gradient(115deg,#211706,#101831 68%);border:1px solid #ffc12d6b;border-radius:12px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:88px;padding:13px 15px;display:grid;box-shadow:inset 3px 0 #ffc238,0 10px 24px #02051438}.principal-prepayment-icon{color:#251600;background:linear-gradient(145deg,#ffe36d,#ef9b18);border-radius:13px;place-items:center;width:44px;height:44px;font-size:25px;font-weight:900;display:grid;box-shadow:0 7px 18px #de941733}.principal-prepayment-card p{color:#e3ac33;letter-spacing:.09em;margin:0 0 2px;font-size:8px;font-weight:900}.principal-prepayment-card h3{color:#fff;margin:0;font-size:17px;line-height:1.1}.principal-prepayment-card small{color:#a6b3cf;margin-top:3px;font-size:9px;line-height:1.35;display:block}.principal-prepayment-card>button{color:#241600;background:linear-gradient(135deg,#ffd85b,#eda91e);border:1px solid #d99b1f;border-radius:9px;min-width:112px;min-height:42px;padding:8px 11px;font-size:10px;font-weight:900}.principal-prepayment-card>button b{margin-left:6px}.principal-prepayment-card>button:disabled{color:#74819c;background:#151d34;border-color:#34405b}.prepayment-rule-card{background:linear-gradient(145deg,#ffba201c,#111a36);border:1px solid #ffc22d61;border-radius:10px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;margin-bottom:12px;padding:12px;display:grid}.prepayment-rule-card>span{color:#241500;background:#ffc63d;border-radius:12px;place-items:center;width:40px;height:40px;font-size:23px;font-weight:900;display:grid}.prepayment-rule-card strong,.prepayment-rule-card small{display:block}.prepayment-rule-card strong{color:#ffd65a;font-size:13px}.prepayment-rule-card small{color:#9caccc;margin-top:3px;font-size:9px;line-height:1.45}.prepayment-preview{background:#2a477e;border:1px solid #2a477e;border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.prepayment-preview>span{background:linear-gradient(145deg,#142044,#0d142e);min-width:0;padding:10px}.prepayment-preview small,.prepayment-preview strong{display:block}.prepayment-preview small{color:#8f9fbe;font-size:8px}.prepayment-preview strong{overflow-wrap:anywhere;color:#ffd253;margin-top:3px;font-size:15px}.button-prepayment{color:#241600;background:linear-gradient(135deg,#ffdb62,#eda61c);border:1px solid #d99b1f;font-weight:900}.button-prepayment:disabled{opacity:.45}.prepayment-history{background:#0b132b;border:1px solid #2d426e;border-radius:10px;margin:10px 0;overflow:hidden}.prepayment-history>header{color:#c6d1e8;background:#14203f;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;font-size:10px;display:flex}.prepayment-history>header strong{color:#ffd35a;font-size:14px}.prepayment-history article{border-top:1px solid #223354;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;display:flex}.prepayment-history article small,.prepayment-history article strong{display:block}.prepayment-history article small{color:#8495b6;font-size:8px}.prepayment-history article strong{color:#fff;margin-top:2px;font-size:13px}.prepayment-history article>div:last-child{gap:6px;display:flex}.prepayment-history a,.prepayment-history button{color:#bcd5ff;background:#13244b;border:1px solid #3761b0;border-radius:7px;padding:6px 8px;font-size:8px;text-decoration:none}.prepayment-month-target{background:linear-gradient(110deg,#ffb81f1f,#111a36 62%);border:1px solid #ffc12d6b;border-left:4px solid #ffc33e;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;display:grid}.prepayment-month-target span{color:#a9b6cf;font-size:9px}.prepayment-month-target strong{color:#ffd45b;text-align:right;font-size:13px}.prepayment-month-target small{color:#7f92b8;grid-column:1/-1;font-size:8px}.installment-entry{background:#101630;min-width:0;overflow:hidden}.installment-entry>.list-row{width:100%;border-right:0!important}.installment-entry.has-prepayment{background:linear-gradient(145deg,#ffbc231a,#101630 58%);box-shadow:inset 3px 0 #ffc13b}.installment-prepayment-marker{background:#ffbb241a;border:1px solid #ffc2376b;border-radius:999px;align-items:center;gap:4px;width:max-content;max-width:100%;padding:3px 7px;font-weight:800;color:#ffd45c!important;margin-top:5px!important;font-size:8px!important;display:inline-flex!important}.installment-prepayment-marker b{font-size:11px;line-height:1}.installment-prepayment-sublist{border-top:1px dashed #ffc43d40;gap:5px;margin:0 8px 8px;padding-top:7px;display:grid}.installment-prepayment-item{background:#080d1ec2;border:1px solid #ffc03538;border-radius:8px;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:7px;display:grid}.installment-prepayment-item>span{color:#241700;background:linear-gradient(145deg,#ffe06c,#eaa31f);border-radius:8px;place-items:center;width:25px;height:25px;font-size:14px;font-weight:900;display:grid}.installment-prepayment-item small,.installment-prepayment-item strong{display:block}.installment-prepayment-item small{color:#92a3c3;font-size:7px}.installment-prepayment-item strong{color:#ffd45b;margin-top:2px;font-size:12px}.installment-prepayment-item>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.installment-prepayment-item a,.installment-prepayment-item button{color:#b8d4ff;font:inherit;background:#13254d;border:1px solid #3b68bd;border-radius:6px;padding:4px 6px;font-size:7px;font-weight:700;text-decoration:none}.installment-prepayment-item button{color:#ffd45b;background:#ffbe2314;border-color:#ffc9425c}.installment-prepayment-item em{color:#7485a6;font-size:7px;font-style:normal}@media (orientation:landscape) and (min-width:900px){.detail-screen{align-items:start}.detail-screen .contract-hero{grid-column:1;align-self:start}.detail-screen .contract-side-stack{grid-column:2;align-self:start}.detail-screen .contract-side-stack .due-card{grid-column:auto}.detail-screen .payoff-card{align-self:start;min-height:142px}.detail-screen .payoff-card>span{min-height:88px}}@media (max-width:899px){.contract-side-stack{margin-top:11px}}@media (max-width:560px){.principal-prepayment-card{grid-template-columns:44px minmax(0,1fr);padding:12px}.principal-prepayment-card>button{grid-column:1/-1;width:100%}.prepayment-preview,.prepayment-month-target{grid-template-columns:1fr}.prepayment-month-target strong{text-align:left}.installment-prepayment-item{grid-template-columns:25px minmax(0,1fr)}.installment-prepayment-item>div:last-child{grid-column:1/-1;justify-content:flex-start}}*{box-sizing:border-box;font-family:Sarabun}html{background:#e8e7e1;min-height:100%}body{min-height:100%;color:var(--ink);background:#e8e7e1;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}noscript{text-align:center;padding:24px;display:block}.app-shell{min-height:100dvh}.app-surface{background:var(--ivory);width:min(100%,520px);min-height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 70px #11231c24}.screen{background:radial-gradient(circle at 100% 0,#caa45a1f,#0000 22%),linear-gradient(#fcfaf4,#f8f6ef);min-height:100dvh;padding:28px 22px 112px}.overline{color:#9b763b;letter-spacing:.1em;text-transform:uppercase;margin:0 0 3px;font-size:11px;font-weight:800}.muted-label{color:var(--muted);margin:0;font-size:12px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.topbar h2{letter-spacing:-.03em;margin:4px 0 0;font-size:29px;font-weight:700;line-height:1.1}.profile-button,.add-button{color:#f8ecd1;background:linear-gradient(145deg,#1d5142,#0e3028);border:0;place-items:center;display:grid;box-shadow:0 10px 24px #123b3138}.profile-button{border:1px solid #ecd59e73;border-radius:50%;width:45px;height:45px}.profile-button span{font-size:13px;font-weight:700}.add-button{border-radius:15px;width:45px;height:45px;font-size:23px}.portfolio-card{color:#fff;background:linear-gradient(145deg,#173f34 0%,#0d2c25 63%,#1a3830 100%);border:1px solid #315b4e;border-radius:28px;min-height:350px;padding:23px;position:relative;overflow:hidden;box-shadow:0 24px 52px #0e2c2440}.portfolio-pattern{border:1px solid #ecd59e2e;border-radius:50%;width:230px;height:230px;position:absolute;top:-100px;right:-128px;box-shadow:0 0 0 30px #ecd59e09,0 0 0 62px #ecd59e06}.portfolio-card:after{content:"GL";color:#ecd59e09;font-size:120px;font-weight:800;line-height:1;position:absolute;bottom:-18px;right:25px}.portfolio-head{z-index:1;color:#d9e4df;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex;position:relative}.month-chip{color:#f4dfb1;white-space:nowrap;background:#ffffff0d;border:1px solid #ecd59e38;border-radius:999px;padding:6px 10px}.portfolio-main{z-index:1;grid-template-columns:128px 1fr;align-items:center;gap:19px;margin-top:27px;display:grid;position:relative}.luxury-ring,.detail-ring,.mini-ring{background:conic-gradient(var(--gold) 0 var(--progress), #ffffff1f var(--progress) 360deg);border-radius:50%;place-items:center;display:grid;position:relative;transform:rotate(-28deg)}.luxury-ring{width:128px;height:128px;padding:13px;box-shadow:0 15px 34px #0003}.luxury-ring>div,.detail-ring>div{text-align:center;background:#12382f;border-radius:50%;place-content:center;width:100%;height:100%;display:grid;transform:rotate(28deg);box-shadow:inset 0 0 0 1px #ecd59e12}.luxury-ring strong,.detail-ring strong{font-size:25px;line-height:1;display:block}.luxury-ring small,.detail-ring small{color:#b9c9c3;margin-top:4px;font-size:9px;display:block}.portfolio-value small,.portfolio-value strong,.portfolio-value p{display:block}.portfolio-value strong{color:#fff9eb;letter-spacing:-.04em;margin:4px 0 2px;font-size:29px;font-weight:700}.portfolio-value p{color:#d6bd88;margin:0;font-size:9px}.portfolio-bars{z-index:1;gap:11px;margin-top:24px;display:grid;position:relative}.portfolio-bars>div>span{color:#c0cec8;justify-content:space-between;font-size:9px;display:flex}.portfolio-bars em{color:#ead19a;font-style:normal}.loading-bar{background:#263b331a;border-radius:99px;height:7px;overflow:hidden}.loading-bar i{border-radius:inherit;background:var(--gold);height:100%;transition:width .35s;display:block}.portfolio-bars .loading-bar{background:#ffffff1a;margin-top:5px}.portfolio-bars .mint i{background:#84aaa0}.install-banner{text-align:left;background:#fff9ea;border:1px solid #e4d5b7;border-radius:17px;align-items:center;gap:11px;width:100%;margin-top:13px;padding:12px 13px;display:flex;box-shadow:0 8px 22px #5b451c12}.install-mark{color:#f8e8c3;background:var(--emerald);border-radius:11px;flex:none;place-items:center;width:35px;height:35px;font-size:18px;display:grid}.install-banner>span:nth-child(2){flex:1;min-width:0}.install-banner strong,.install-banner small{display:block}.install-banner strong{font-size:11px}.install-banner small{color:var(--muted);margin-top:2px;font-size:9px}.install-banner b{color:#8f6c31;font-size:10px}.metric-grid{grid-template-columns:1fr 1fr;gap:11px;margin:16px 0 30px;display:grid}.metric-card{border:1px solid var(--line);background:var(--paper);border-radius:20px;min-height:137px;padding:17px;position:relative;overflow:hidden;box-shadow:0 10px 26px #212e280e}.metric-card:after{content:"";border:13px solid #caa45a17;border-radius:50%;width:80px;height:80px;position:absolute;top:-37px;right:-42px}.metric-top{align-items:center;gap:8px;display:flex}.metric-top>span{color:#f6e3b9;background:var(--emerald);border-radius:9px;place-items:center;width:29px;height:29px;font-size:14px;font-weight:800;display:grid}.metric-card>strong{color:#1a2822;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:13px;font-size:20px;font-weight:700;display:inline-block;overflow:hidden}.metric-card>em{color:var(--muted);margin-left:4px;font-size:9px;font-style:normal}.metric-progress{background:#ece8dc;border-radius:99px;height:5px;position:absolute;bottom:14px;left:17px;right:17px;overflow:hidden}.metric-progress i{border-radius:inherit;background:var(--gold);height:100%;display:block}.metric-card.alert .metric-top>span{color:#f5e8e9;background:#7a3545}.metric-card.alert .metric-progress i{background:#9a4e5e}.metric-card.balance .metric-top>span{color:#e2edf2;background:#34586a}.metric-card.balance .metric-progress i{background:#55798b}.metric-card.pending .metric-top>span{color:#3b301c;background:#ddbc74}.metric-card.pending .metric-progress i{background:#bf9140}.content-section{margin-top:27px}.section-heading{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:13px;display:flex}.section-heading h3,.chart-head h3,.due-card h3{margin:0;font-size:21px;line-height:1.15}.section-heading button{color:#8b6a32;background:0 0;border:0;font-size:10px;font-weight:700}.count-chip{color:#6e6659;background:#eee9dc;border-radius:999px;padding:5px 9px;font-size:9px}.list-card{border:1px solid var(--line);background:var(--paper);border-radius:21px;overflow:hidden;box-shadow:0 11px 27px #1f2c260f}.list-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #eee9de;align-items:center;gap:11px;width:100%;padding:14px 13px;display:flex}.list-row:last-child{border-bottom:0}.avatar{color:#f2e7cb;background:var(--emerald);border-radius:13px;flex:none;place-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:grid}.avatar.amber{color:#4a381c;background:#ddbd79}.avatar.ruby{color:#f3e5e8;background:#824151}.avatar.sapphire{color:#e7eff2;background:#3f6172}.avatar.large{border-radius:18px;width:56px;height:56px;font-size:16px}.row-copy{flex:1;min-width:0}.row-copy strong,.row-copy small{display:block}.row-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.row-copy small{color:var(--muted);margin-top:3px;font-size:9px}.row-money{text-align:right}.row-money>strong{font-size:13px;display:block}.status{white-space:nowrap;border-radius:999px;width:-moz-fit-content;width:fit-content;margin-top:5px;padding:3px 7px;font-size:8px;font-weight:700;display:inline-flex}.row-money .status{margin-left:auto}.chevron{color:#aca99f;font-size:22px}.empty-state{color:var(--muted);text-align:center;padding:28px;font-size:11px}.empty-state.framed{border:1px dashed #d6cebe;border-radius:20px}.chart-card{color:#f8f3e7;background:linear-gradient(145deg,#1c3029,#16251f);border-radius:22px;margin-top:26px;padding:19px 18px 14px;box-shadow:0 17px 38px #16251f30}.chart-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.chart-head .overline{color:#d1ad67}.chart-head>span{color:#bdd6ca;background:#71a48c26;border-radius:999px;padding:4px 7px;font-size:8px}.bar-chart{border-bottom:1px solid #ffffff1a;align-items:flex-end;gap:13px;height:91px;margin-top:18px;padding:0 7px;display:flex}.bar-chart i{background:#47685b;border-radius:6px 6px 1px 1px;flex:1}.chart-labels{color:#9eaaa5;justify-content:space-around;margin-top:8px;font-size:8px;display:flex}.bottom-nav{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffef9f5;border-top:1px solid #e4ded2;grid-template-columns:1fr 78px 1fr;align-items:center;width:min(100%,520px);height:80px;padding:6px 44px 10px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 30px #1c272212}.bottom-nav button{color:#969b98;background:0 0;border:0;justify-items:center;gap:2px;display:grid}.bottom-nav button>span{font-size:22px;line-height:1}.bottom-nav button small{font-size:9px}.bottom-nav button.active{color:var(--emerald);font-weight:700}.bottom-nav .nav-add{color:#f8e8c5;background:linear-gradient(145deg,#1c4d3f,#0f3028);border:1px solid #d4b66e;border-radius:18px;justify-self:center;place-items:center;width:56px;height:56px;font-size:24px;transform:translateY(-15px);box-shadow:0 12px 28px #123b313d}.search-box{border:1px solid var(--line);background:var(--paper);border-radius:16px;align-items:center;gap:9px;height:50px;padding:0 13px;display:flex;box-shadow:0 8px 22px #1f2b260e}.search-box>span{color:#8c816d;font-size:22px;transform:rotate(-15deg)}.search-box input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.search-box button{color:#858b87;background:#efede5;border:0;border-radius:50%;width:25px;height:25px}.filter-pills{scrollbar-width:none;gap:7px;margin:14px 0 18px;display:flex;overflow-x:auto}.filter-pills::-webkit-scrollbar{display:none}.filter-pills button{color:#777d79;background:#f9f7f0;border:1px solid #e1dccf;border-radius:999px;flex:none;padding:8px 12px;font-size:9px;font-weight:600}.filter-pills button.active{border-color:var(--emerald);color:#f5e7c8;background:var(--emerald);box-shadow:0 6px 17px #123b3129}.filter-pills button span{margin-left:3px}.contract-list{gap:12px;display:grid}.contract-card{border:1px solid var(--line);text-align:left;background:linear-gradient(125deg,#fffefa 65%,#f7f1e3);border-radius:21px;width:100%;padding:16px;box-shadow:0 12px 30px #202d2711}.contract-card:hover{transform:translateY(-1px);box-shadow:0 15px 34px #202d2717}.contract-top{align-items:center;gap:11px;display:flex}.contract-top>.status{margin-left:auto}.mini-ring{width:47px;height:47px;color:var(--gold);background:conic-gradient(currentColor 0 var(--progress), #ebe6db var(--progress) 360deg);flex:none;padding:5px}.mini-ring span{color:#3c443f;background:#fffefa;border-radius:50%;place-items:center;width:100%;height:100%;font-size:8px;font-weight:700;display:grid;transform:rotate(28deg)}.mini-ring.amber{color:#c39138}.mini-ring.ruby{color:#955061}.mini-ring.sapphire{color:#517286}.plot-meta{color:var(--muted);border-top:1px solid #eee9de;justify-content:space-between;margin:14px 0 10px;padding-top:12px;font-size:9px;display:flex}.plot-meta strong{color:var(--ink);font-size:11px}.contract-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px;display:grid}.contract-stats small,.contract-stats strong{display:block}.contract-stats strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.detail-screen{padding-top:18px}.detail-header{text-align:center;grid-template-columns:42px 1fr 42px;align-items:center;margin-bottom:23px;display:grid}.detail-header button{border:1px solid var(--line);background:var(--paper);border-radius:13px;width:39px;height:39px;font-size:25px}.detail-header button:last-child{letter-spacing:1px;justify-self:end;font-size:12px}.detail-header small,.detail-header strong{display:block}.detail-header small{color:var(--muted);font-size:8px}.detail-header strong{margin-top:2px;font-size:10px}.customer-identity{align-items:center;gap:12px;margin-bottom:17px;display:flex}.customer-identity>div{flex:1;min-width:0}.customer-identity h2{margin:0;font-size:21px;line-height:1.15}.customer-identity p{color:var(--muted);margin:4px 0 0;font-size:9px}.customer-identity a{color:#70572d;background:#fff9ea;border:1px solid #d7cab0;border-radius:10px;padding:8px 11px;font-size:9px;font-weight:700;text-decoration:none}.contract-hero{color:#fff;background:linear-gradient(145deg,#174438,#0e2d26 70%);border:1px solid #335c4f;border-radius:27px;grid-template-columns:108px 1fr;align-items:center;gap:17px;padding:23px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 45px #0e2d253b}.contract-watermark{color:#ecd59e0e;font-size:105px;font-weight:800;position:absolute;top:-35px;right:-5px}.detail-ring{width:108px;height:108px;padding:11px}.contract-balance{z-index:1;position:relative}.contract-balance span,.contract-balance strong,.contract-balance small{display:block}.contract-balance span{color:#bfcec8;font-size:9px}.contract-balance strong{color:#fff8e8;margin:4px 0;font-size:24px}.contract-balance small{color:#d4b97e;font-size:8px}.contract-hero .wide{z-index:1;background:#ffffff1a;grid-column:1/-1;position:relative}.hero-stats{z-index:1;grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid;position:relative}.hero-stats span{border-right:1px solid #ffffff1c;padding-left:12px}.hero-stats span:first-child{padding-left:0}.hero-stats span:last-child{border:0}.hero-stats strong,.hero-stats small{display:block}.hero-stats strong{color:#f7ecd3;font-size:14px}.hero-stats small{color:#aebfba;margin-top:2px;font-size:7px}.due-card{background:linear-gradient(140deg,#fff9eb,#f4ead5);border:1px solid #e2d3b5;border-radius:22px;grid-template-columns:1fr auto;gap:14px;margin:14px 0 27px;padding:19px;display:grid;box-shadow:0 12px 28px #62461a14}.date-medallion{color:#f7e6c0;background:var(--emerald);text-align:center;border:1px solid #d4b167;border-radius:15px;place-content:center;width:50px;height:56px;display:grid;box-shadow:0 8px 18px #123b3129}.date-medallion strong{font-size:20px;line-height:1}.date-medallion small{margin-top:3px;font-size:8px}.due-amount{border-top:1px solid #e2d3b5;grid-column:1/-1;justify-content:space-between;align-items:baseline;padding-top:12px;display:flex}.due-amount span{color:var(--muted);font-size:9px}.due-amount strong{font-size:19px}.due-card .button{grid-column:1/-1}.locked-note{color:#7b6743;text-align:center;grid-column:1/-1;margin:-4px 0 0;font-size:8px}.timeline{color:#7f8782;background:#eef0ec;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:8px;font-weight:700;display:grid}.button{border:0;border-radius:14px;width:100%;min-height:49px;font-size:11px;font-weight:700}.button span{float:right;margin-right:4px;font-size:16px}.button-dark{color:#f6e5c0;background:linear-gradient(100deg,#19483b,#102f27);box-shadow:0 10px 22px #123b312b}.button:disabled{color:#8f938f;box-shadow:none;background:#dfe1dd}.form-stack{gap:13px;display:grid}.form-stack label{color:#4f5853;font-size:10px;font-weight:700;display:block}.form-stack input{background:#fffefa;border:1px solid #ddd7cb;border-radius:13px;outline:0;width:100%;height:49px;margin-top:6px;padding:0 13px;font-size:11px}.field-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.login-screen{background:radial-gradient(circle at 15% 10%,#d5b46f57,#0000 24%),radial-gradient(circle at 90% 86%,#1f5b4952,#0000 29%),linear-gradient(145deg,#102b24,#071b16);place-items:center;min-height:100dvh;padding:24px;display:grid;overflow:hidden}.login-card{background:#fbf8ef;border:1px solid #e7cb8e40;border-radius:31px;width:min(100%,440px);overflow:hidden;box-shadow:0 32px 80px #0000004d}.login-visual{color:#fff;background:linear-gradient(145deg,#1b4c3e,#0d2d25 65%,#192c25);height:278px;position:relative;overflow:hidden}.login-visual:after{content:"";opacity:.14;background:repeating-linear-gradient(120deg,#0000 0 28px,#ffffff17 29px 30px);position:absolute;inset:0}.brand-seal{z-index:2;color:#efd9a7;text-align:center;background:#091e188c;border:1px solid #d3b36f;border-radius:50%;place-content:center;width:71px;height:71px;display:grid;position:absolute;top:28px;left:30px;box-shadow:0 11px 28px #0003}.brand-seal span{font-size:22px;font-weight:700;line-height:1}.brand-seal small{letter-spacing:.12em;margin-top:4px;font-size:6px}.gold-orbit{z-index:1;border:1px solid #e1c17b52;border-radius:50%;position:absolute}.orbit-one{width:240px;height:240px;top:-80px;right:-105px;box-shadow:0 0 0 25px #e1c17b09,0 0 0 52px #e1c17b05}.orbit-two{width:155px;height:155px;bottom:-85px;left:-85px}.visual-ring{z-index:2;background:conic-gradient(#d5b46d 0 75%, #ffffff1a 75% 100%);border-radius:50%;place-items:center;width:104px;height:104px;padding:11px;display:grid;position:absolute;bottom:34px;left:62px;transform:rotate(-30deg)}.visual-ring div{text-align:center;background:#12382f;border-radius:50%;place-content:center;width:100%;height:100%;display:grid;transform:rotate(30deg)}.visual-ring strong,.visual-ring small{display:block}.visual-ring strong{color:#f4dfb1;font-size:20px}.visual-ring small{color:#aebfb8;font-size:7px}.visual-bars{z-index:2;align-items:flex-end;gap:8px;height:100px;display:flex;position:absolute;bottom:42px;right:55px}.visual-bars i{background:#d0ac62;border-radius:7px 7px 2px 2px;width:10px}.visual-bars i:first-child{opacity:.45;height:35%}.visual-bars i:nth-child(2){opacity:.64;height:62%}.visual-bars i:nth-child(3){opacity:.78;height:48%}.visual-bars i:nth-child(4){height:88%}.visual-bars i:nth-child(5){opacity:.74;height:71%}.login-content{padding:29px 30px 27px}.login-content h1{color:#17251f;letter-spacing:-.04em;margin:4px 0 9px;font-size:39px;line-height:.96}.lead{color:#747d78;max-width:320px;margin:0 0 25px;font-size:11px;line-height:1.7}.password-control{background:#fffefa;border:1px solid #ddd7ca;border-radius:13px;align-items:center;height:50px;margin-top:6px;padding-right:5px;display:flex}.password-control input{min-width:0;height:100%;box-shadow:none;border:0;flex:1;margin:0}.password-control button{color:#8a6a33;background:0 0;border:0;padding:8px;font-size:9px;font-weight:700}.fine-print{color:#919690;text-align:center;max-width:300px;margin:17px auto 0;font-size:8px;line-height:1.6}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08191494;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet{background:#fbf8f0;border:1px solid #ddc6947a;border-bottom:0;border-radius:29px 29px 0 0;width:min(100%,520px);max-height:92dvh;padding:11px 22px 30px;animation:.23s ease-out sheet-up;overflow-y:auto;box-shadow:0 -18px 55px #00000030}.sheet-handle{background:#d4cdbc;border-radius:99px;width:38px;height:4px;margin:0 auto 18px}.bottom-sheet>header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px;display:flex}.bottom-sheet>header h2{margin:0;font-size:24px}.bottom-sheet>header p{color:var(--muted);margin:4px 0 0;font-size:9px}.bottom-sheet>header button{border:1px solid var(--line);background:var(--paper);border-radius:50%;width:35px;height:35px;font-size:18px}.modal-form{margin-top:4px}.amount-panel{background:#fff8e8;border:1px solid #e2d3b4;border-radius:18px;margin-bottom:16px;padding:18px}.amount-panel span,.amount-panel strong,.amount-panel small{display:block}.amount-panel span{color:var(--muted);font-size:9px}.amount-panel strong{margin:3px 0;font-size:27px}.amount-panel small{color:#7f704f;font-size:8px}.slip-uploader{background:#fffdf7;border:1px dashed #bbaa86;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-height:136px;display:flex!important}.slip-uploader input{display:none}.slip-uploader>span{color:#f1deb4;background:var(--emerald);border-radius:11px;place-items:center;width:37px;height:37px;margin-bottom:8px;font-size:18px;display:grid}.slip-uploader strong{text-overflow:ellipsis;white-space:nowrap;max-width:85%;font-size:10px;overflow:hidden}.slip-uploader small{color:var(--muted);margin-top:3px;font-size:8px;font-weight:400}.slip-uploader.has-file{background:#eef5f0;border-style:solid;border-color:#7a9a8c}.paid-receipt{text-align:center;background:linear-gradient(145deg,#f4f1e7,#eef5f0);border:1px solid #d9cfb9;border-radius:20px;padding:25px}.paid-receipt>span{color:#f0ddb3;background:var(--emerald);border-radius:50%;place-items:center;width:47px;height:47px;margin:0 auto 10px;font-size:19px;display:grid}.paid-receipt p{color:var(--emerald);margin:0;font-size:10px;font-weight:700}.paid-receipt strong{margin:3px 0;font-size:27px;display:block}.paid-receipt small{color:var(--muted);font-size:8px;display:block}.paid-receipt button{color:#6d5429;background:#fffefa;border:1px solid #d3c6aa;border-radius:10px;margin-top:17px;padding:8px 12px;font-size:8px;font-weight:700}.paid-receipt+.button{margin-top:13px}.settings-list{border:1px solid var(--line);background:var(--paper);border-radius:19px;overflow:hidden}.settings-list button{text-align:left;background:0 0;border:0;border-bottom:1px solid #ebe6dc;align-items:center;gap:12px;width:100%;padding:15px;display:flex}.settings-list button:last-child{border:0}.settings-list button>span{color:#efdcae;background:var(--emerald);border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.settings-list button div{flex:1}.settings-list strong,.settings-list small{display:block}.settings-list strong{font-size:10px}.settings-list small{color:var(--muted);margin-top:3px;font-size:8px}.settings-list b{color:#a7a196;font-size:20px}.version{color:#999c98;text-align:center;margin:21px 0 0;font-size:8px}.toast{z-index:90;color:#f5e7c8;text-align:center;opacity:0;pointer-events:none;background:#173d33;border:1px solid #e8cc8e3d;border-radius:14px;width:min(100% - 36px,430px);padding:13px 15px;font-size:10px;transition:all .22s;position:fixed;bottom:98px;left:50%;transform:translate(-50%,12px);box-shadow:0 14px 34px #081e173d}.toast.show{opacity:1;transform:translate(-50%)}@keyframes sheet-up{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@media (min-width:760px){.app-surface{border-radius:28px;min-height:calc(100dvh - 32px);margin:16px auto}.screen{min-height:calc(100dvh - 32px)}.bottom-nav{border-radius:0 0 28px 28px;bottom:16px}.login-screen{min-height:100dvh}}@media (max-width:370px){.screen{padding-left:16px;padding-right:16px}.portfolio-card{padding:19px}.portfolio-main{grid-template-columns:112px 1fr;gap:14px}.luxury-ring{width:112px;height:112px}.portfolio-value strong{font-size:25px}.metric-card{min-height:132px;padding:14px}.login-content{padding-left:23px;padding-right:23px}.login-visual{height:255px}.visual-bars{right:35px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f7f2df;--muted:#8f949d;--emerald:#22d66f;--emerald-light:#42ea8b;--gold:#f4c400;--gold-light:#ffe471;--ivory:#050505;--paper:#111216;--line:#f4c4002e;--ruby:#ff4f57;--sapphire:#00d7ff;--shadow:0 20px 60px #0000008c;--cyan:#00d7ff;--coral:#ff5159}body{color:var(--ink);background:radial-gradient(circle at 12% 4%,#f4c40017,#0000 22rem),radial-gradient(circle at 90% 80%,#00d7ff0f,#0000 25rem),#020202}button,input{font-family:Sarabun}button{-webkit-tap-highlight-color:transparent}.app-surface{background:#050505;width:min(100%,1080px);box-shadow:0 0 90px #f4c4000f}.screen{color:var(--ink);background:linear-gradient(#ffffff05 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#ffffff05 1px,#0000 1px) 0 0/34px 34px,radial-gradient(circle at 100% 0,#f4c40017,#0000 24rem),#050505}.app-kicker{color:var(--gold);letter-spacing:.08em;margin:0;font-size:12px;font-weight:800}.overline{color:var(--gold);font-size:11px}.muted-label{color:#858991;margin-top:5px;font-size:12px}.topbar h2{color:#fff;text-shadow:0 0 24px #ffffff0f;margin-top:3px;font-size:30px}.profile-button,.add-button{color:#0a0a0a;background:linear-gradient(145deg,#ffe56f,#e9b600 75%);border:1px solid #f4c4008c;box-shadow:0 0 28px #f4c4002b}.portfolio-card{background:radial-gradient(circle at 18% 48%,#f4c40026,#0000 34%),radial-gradient(circle at 92% 10%,#00d7ff14,#0000 30%),linear-gradient(145deg,#11120f,#070807 68%,#11100a);border-color:#f4c4006b;min-height:350px;box-shadow:0 26px 70px #0000009e,inset 0 1px #ffe67314}.portfolio-card:before{content:"";pointer-events:none;background:repeating-linear-gradient(115deg,#0000 0 40px,#f4c40006 41px 42px);position:absolute;inset:0}.portfolio-card:after{color:#f4c4000b}.portfolio-pattern{border-color:#f4c4004d;box-shadow:0 0 0 30px #f4c40009,0 0 0 62px #f4c40005}.portfolio-head{color:#d3d4d1;font-size:12px}.month-chip{color:var(--gold-light);background:#f4c40012;border-color:#f4c40057}.luxury-ring,.detail-ring,.mini-ring{background:conic-gradient(var(--gold) 0 var(--progress), #ffffff17 var(--progress) 360deg);filter:drop-shadow(0 0 15px #f4c4002e)}.luxury-ring>div,.detail-ring>div{background:radial-gradient(circle at 38% 30%,#191a15,#070807 68%);box-shadow:inset 0 0 0 1px #f4c40021}.luxury-ring strong,.detail-ring strong{color:#fff;font-size:27px}.luxury-ring small,.detail-ring small{color:#b8b8b1}.portfolio-value small{color:#969992;font-size:11px}.portfolio-value strong{color:var(--gold-light);text-shadow:0 0 24px #f4c4001f}.portfolio-value p{color:#8b8e8b;font-size:10px}.portfolio-bars b{color:#c9cac4}.portfolio-bars em{color:#fff}.loading-bar{background:#24251f}.loading-bar.gold i{background:linear-gradient(90deg,#b98a00,#ffe45d);box-shadow:0 0 12px #f4c40059}.install-banner{color:#ebfbff;background:linear-gradient(100deg,#00d7ff1a,#f4c40012);border-color:#00d7ff47}.install-banner .install-mark{color:#061014;background:var(--cyan);box-shadow:0 0 18px #00d7ff4d}.install-banner small{color:#8b9699}.install-banner b{color:var(--cyan)}.metric-card{background:linear-gradient(145deg,#121316,#090a0c);border-color:#ffffff13;min-height:150px;box-shadow:0 18px 42px #0000004d,inset 0 1px #ffffff06}.metric-card:after{content:"";opacity:.28;background:currentColor;height:1px;position:absolute;inset:auto 12px 12px}.metric-top span{color:#050505;background:var(--gold);box-shadow:0 0 16px #f4c4003b}.metric-top small{color:#aaaeb4;font-size:11px}.metric-card>strong{color:#fff;font-size:23px}.metric-card>em{color:#8e9298;font-size:10px}.metric-progress{background:#27282a}.metric-progress i{background:currentColor;box-shadow:0 0 10px}.metric-card.estate{color:var(--gold)}.metric-card.pending{color:var(--cyan)}.metric-card.alert{color:var(--coral)}.metric-card.pending .metric-top span{color:#001014;background:var(--cyan);box-shadow:0 0 16px #00d7ff40}.metric-card.alert .metric-top span{color:#180303;background:var(--coral);box-shadow:0 0 16px #ff515940}.visual-dashboard-grid{gap:14px;margin:0 0 30px;display:grid}.chart-card,.calendar-card{color:#f8f6ed;background:linear-gradient(145deg,#111216,#08090b);border:1px solid #ffffff14;border-radius:24px;margin-top:0;padding:20px;position:relative;overflow:hidden;box-shadow:0 18px 45px #00000054}.chart-card:after,.calendar-card:after{content:"";filter:blur(10px);background:#f4c40014;border-radius:50%;width:150px;height:150px;position:absolute;top:-90px;right:-80px}.calendar-card:after{background:#00d7ff12}.chart-head{z-index:1;position:relative}.chart-head h3{color:#fff;margin:2px 0 0;font-size:18px}.chart-head>span{color:var(--emerald);background:#22d66f14;border:1px solid #22d66f2e;font-size:9px}.bar-chart{border-color:#ffffff14;gap:12px;height:130px}.bar-chart i{background:linear-gradient(#3d4146,#1d2023);min-width:16px;position:relative}.bar-chart i:nth-child(2n){background:linear-gradient(#00b4d6,#075263)}.bar-chart i:nth-child(5){background:linear-gradient(#ff6a71,#70242a)}.bar-chart i.active{background:linear-gradient(#ffe468,#b78500);box-shadow:0 0 20px #f4c40047}.bar-chart i b{color:#777b82;font-size:7px;font-style:normal;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.bar-chart i.active b{color:var(--gold-light)}.chart-labels{color:#777b82;font-size:9px}.chart-total{border-top:1px solid #ffffff12;justify-content:space-between;align-items:baseline;margin-top:15px;padding-top:13px;display:flex}.chart-total span{color:#8f939a;font-size:10px}.chart-total strong{color:var(--gold-light);font-size:20px}.calendar-week,.calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calendar-week{color:#60646b;text-align:center;margin:19px 0 7px;font-size:8px}.calendar-day{aspect-ratio:1;color:#777b82;background:#0c0d10;border:1px solid #ffffff0b;border-radius:10px;place-items:center;display:grid;position:relative}.calendar-day b{font-size:9px}.calendar-day i{color:#050505;background:currentColor;border-radius:50%;place-items:center;width:11px;height:11px;font-size:6px;font-style:normal;display:grid;position:absolute;top:3px;right:3px}.calendar-day.empty{visibility:hidden}.calendar-day.due{color:var(--cyan);background:#00d7ff14;border-color:#00d7ff61}.calendar-day.overdue{color:var(--coral);background:#ff515917;border-color:#ff515973}.calendar-day.upcoming{color:var(--gold);background:#f4c4000f;border-color:#f4c40047}.calendar-day.today{outline:1px solid var(--gold);outline-offset:2px}.calendar-legend{color:#8e9298;flex-wrap:wrap;gap:13px;margin-top:15px;font-size:9px;display:flex}.calendar-legend span{align-items:center;gap:5px;display:inline-flex}.calendar-legend i{border-radius:50%;width:7px;height:7px}.calendar-legend i.due{background:var(--cyan);box-shadow:0 0 7px #00d7ff8c}.calendar-legend i.overdue{background:var(--coral);box-shadow:0 0 7px #ff51598c}.section-heading h3{color:#fff;font-size:20px}.section-heading button{color:var(--gold);font-size:10px}.count-chip{color:var(--gold-light);background:#f4c40012;border:1px solid #f4c4002e}.list-card{background:#0e0f12;border-color:#ffffff13;box-shadow:0 15px 38px #00000045}.list-row{color:#f6f4eb;border-bottom-color:#fff1}.list-row:hover{background:#f4c40009}.avatar{color:#d9ffe8;background:#22d66f24;border:1px solid #22d66f5c}.avatar.amber{color:var(--gold-light);background:#f4c4001f;border-color:#f4c4005c}.avatar.ruby{color:#ffc1c4;background:#ff51591f;border-color:#ff51595c}.avatar.sapphire{color:#bcefff;background:#00d7ff1f;border-color:#00d7ff5c}.row-copy strong{color:#f7f6ef;font-size:13px}.row-copy small{color:#80848b;font-size:10px}.row-money>strong{color:#fff;font-size:14px}.status{font-size:9px}.status.partial{color:var(--gold);background:#f4c4001a}.status.overdue{color:var(--coral);background:#ff51591c}.status.due{color:var(--cyan);background:#00d7ff1a}.status.upcoming{color:#a0a4aa;background:#ffffff0f}.chevron{color:#454950}.empty-state{color:#777b82;font-size:12px}.empty-state.framed{border-color:#ffffff1f}.slip-gallery-section{margin-top:28px}.slip-gallery{scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:minmax(150px,43%);grid-auto-flow:column;gap:11px;padding:4px 2px 12px;display:grid;overflow-x:auto}.slip-gallery::-webkit-scrollbar{display:none}.slip-preview,.slip-add-card{scroll-snap-align:start;color:#fff;text-align:left;background:linear-gradient(145deg,#121317,#090a0c);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:190px;padding:14px;display:flex}.slip-preview.cyan{border-color:#00d7ff3d}.slip-preview.gold{border-color:#f4c4003d}.slip-preview.green{border-color:#22d66f3d}.slip-preview.coral{border-color:#ff51593d}.slip-paper{width:76px;height:92px;color:var(--cyan);box-shadow:0 13px 24px #00000061, 0 0 25px color-mix(in srgb, currentColor 18%, transparent);background:linear-gradient(145deg,#ecfaff,#7ecddd);border-radius:8px 8px 14px;flex-direction:column;align-self:center;gap:8px;padding:18px 12px;display:flex;position:relative;transform:rotate(-4deg)}.gold .slip-paper{color:var(--gold);background:linear-gradient(145deg,#fff4bd,#d4aa20)}.coral .slip-paper{color:var(--coral);background:linear-gradient(145deg,#ffd8da,#e67b80)}.slip-paper i{background:#060f1238;border-radius:9px;height:4px}.slip-paper i:nth-child(2){width:75%}.slip-paper i:nth-child(3){width:52%}.slip-paper b{color:#07100a;background:currentColor;border:3px solid #090a0c;border-radius:50%;place-items:center;width:29px;height:29px;font-size:12px;display:grid;position:absolute;bottom:-8px;right:-8px}.slip-copy strong,.slip-copy small,.slip-copy em{display:block}.slip-copy strong{color:#fff;font-size:18px}.slip-copy small{color:#a8abb0;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.slip-copy em{color:#64686e;margin-top:2px;font-size:8px;font-style:normal}.slip-add-card{color:#d9f9ff;text-align:center;background:#00d7ff09;border:1px dashed #00d7ff59;justify-content:center;align-items:center}.slip-add-card>span{width:45px;height:45px;color:var(--cyan);border:1px solid #00d7ff80;border-radius:15px;place-items:center;margin-bottom:10px;font-size:25px;display:grid;box-shadow:0 0 18px #00d7ff1f}.slip-add-card strong{font-size:12px}.slip-add-card small{color:#6c7478;margin-top:3px;font-size:8px}.bottom-nav{background:#050505f0;border-top-color:#f4c40024;width:min(100%,1080px);box-shadow:0 -15px 42px #0000007a}.bottom-nav button{color:#666a70}.bottom-nav button.active{color:var(--gold)}.bottom-nav .nav-add{color:#0b0900;background:linear-gradient(145deg,#ffe66e,#dca900);border-color:#f4c4009e;box-shadow:0 0 25px #f4c40038}.search-box{background:#101115;border-color:#ffffff17;box-shadow:0 12px 28px #0000003d}.filter-pills button.active{color:#090700;background:linear-gradient(120deg,#ffe26a,#dfac00);border-color:#f4c4009e;box-shadow:0 0 18px #f4c40026}.contract-card{color:#fff;background:linear-gradient(125deg,#121316,#08090b);border-color:#ffffff14;box-shadow:0 15px 35px #00000042}.mini-ring{background:conic-gradient(currentColor 0 var(--progress), #27282b var(--progress) 360deg)}.plot-meta{color:#73777d;border-top-color:#fff1}.plot-meta strong{color:var(--gold-light)}.contract-progress{background:#252629}.contract-stats small{color:#73777e;font-size:9px}.contract-stats strong{color:#e9e9e4;font-size:11px}.detail-screen{max-width:760px;margin:0 auto}.detail-header button{color:#fff;background:#111216;border-color:#ffffff17}.detail-header small{color:#777b82}.detail-header strong{color:var(--gold-light)}.customer-identity h2{color:#fff}.contract-hero{background:radial-gradient(circle at 15% 35%,#f4c40021,#0000 34%),linear-gradient(145deg,#12130f,#070807 70%);border-color:#f4c4006b;box-shadow:0 24px 55px #0000007a}.contract-watermark{color:#f4c4000b}.contract-balance span{color:#8d918e}.contract-balance small{color:#838780}.contract-hero .wide{background:#ffffff12}.hero-stats span{border-right-color:#ffffff14}.due-card{background:radial-gradient(circle at 95% 0,#00d7ff14,#0000 34%),#101115;border-color:#00d7ff33;box-shadow:0 16px 38px #00000047}.due-amount span{color:#84888e}.due-amount strong{color:#fff}.locked-note{color:#8c8f94}.timeline{color:#8e9298;background:#24262a}.timeline.paid{color:#051108;background:var(--emerald)}.timeline.partial{color:#100c00;background:var(--gold)}.timeline.overdue{color:#170304;background:var(--coral)}.button-dark{color:#d8f9ff;background:linear-gradient(100deg,#092a31,#07171b);border:1px solid #00d7ff3d;box-shadow:0 0 20px #00d7ff17}.button:disabled{color:#5e6267;background:#232529}.form-stack label{color:#b1b3b0;font-size:11px}.form-stack input{color:#fff;background:#0d0e11;border-color:#ffffff1a;font-size:12px}.login-screen{background:radial-gradient(circle at 16% 16%,#f4c40029,#0000 25rem),radial-gradient(circle at 90% 80%,#00d7ff17,#0000 26rem),#020202}.login-card{background:#08090a;border-color:#f4c40052;box-shadow:0 36px 90px #000000b8}.visual-ring{background:conic-gradient(var(--gold) 0 75%, #ffffff14 75% 100%);filter:drop-shadow(0 0 14px #f4c4002e)}.visual-bars i{background:linear-gradient(#ffe469,#b78500);box-shadow:0 0 12px #f4c40033}.visual-bars i:nth-child(2),.visual-bars i:nth-child(5){background:linear-gradient(#32eb85,#08703a)}.lead{color:#888c92}.fine-print{color:#686c72}.modal-backdrop{background:#000000c2}.bottom-sheet{background:#090a0c;border-color:#f4c4003d;box-shadow:0 -24px 70px #000000ad}.amount-panel{background:#f4c4000e;border-color:#f4c40033}.slip-uploader{background:#00d7ff09;border-color:#00d7ff66}.slip-uploader>span{color:#021015;background:var(--cyan);box-shadow:0 0 20px #00d7ff33}.slip-uploader.has-file{border-color:var(--emerald);background:#22d66f0f}#payment-form .button-gold{color:#fff;background:linear-gradient(100deg,#d3008b,#ff3d58 46%,#ffc900);box-shadow:0 0 25px #ff346838,0 0 25px #ffc9001f}.paid-receipt{background:linear-gradient(145deg,#22d66f14,#0b0d0c);border-color:#22d66f3d}.paid-receipt button{color:var(--cyan);background:#00d7ff0d;border-color:#00d7ff40}.settings-list{background:#0e0f12;border-color:#ffffff17}.settings-list small{color:#7d8187}.settings-list b{color:#4f5359}.version{color:#666a70}@media (min-width:760px){.app-surface{min-height:calc(100dvh - 32px)}.screen{padding:34px 34px 120px}.dashboard-screen .metric-grid{grid-template-columns:repeat(4,1fr)}.visual-dashboard-grid{grid-template-columns:1.1fr .9fr}.contract-list{grid-template-columns:repeat(2,minmax(0,1fr))}.slip-gallery{grid-auto-columns:minmax(160px,22%)}}@media (max-width:759px){.app-surface{width:100%}.slip-gallery{grid-auto-columns:minmax(145px,44%)}}@media (max-width:370px){.metric-card{min-height:140px}.bar-chart{height:112px}.calendar-day{border-radius:8px}}.app-surface,.bottom-nav{width:min(100%,600px)}.dashboard-screen{background:radial-gradient(circle at 50% 9%,#f4c4000e,#0000 15rem),radial-gradient(circle at 85% 72%,#00d7ff09,#0000 20rem),#020303;max-width:600px;margin:0 auto;padding:18px 14px 110px}.dashboard-brandbar{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:7px;height:52px;margin:0 2px 4px;display:grid}.header-icon{color:#f5f3e9;background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid;position:relative}.menu-icon strong{color:#f1f1ec;font-size:29px;font-weight:400;line-height:1;transform:scaleX(1.08)}.menu-icon i{display:none}.dashboard-wordmark{min-width:0;color:var(--gold);justify-content:center;align-items:center;gap:8px;display:flex}.dashboard-wordmark strong{color:#f3bf00;letter-spacing:-.045em;text-shadow:0 0 15px #f4c40038;white-space:nowrap;font-size:clamp(20px,5.4vw,28px);font-weight:800;line-height:1;overflow:hidden}.wing-mark{filter:drop-shadow(0 0 7px #f4c4004d);flex:0 0 43px;width:43px;height:30px;display:block;position:relative}.wing-mark b{color:var(--gold);place-items:center;font-size:46px;font-weight:800;line-height:.6;display:grid;position:absolute;inset:-3px 0 0;transform:rotate(-10deg)scaleX(1.18)}.wing-mark i{transform-origin:100%;background:linear-gradient(90deg,#805e00,#ffe160 70%,#be8b00);border-radius:0 70%;height:7px;display:none;position:absolute;right:0;transform:skew(-28deg)rotate(-8deg)}.wing-mark i:first-child{width:42px;top:2px}.wing-mark i:nth-child(2){width:34px;top:11px}.wing-mark i:nth-child(3){width:25px;top:20px}.bell-fallback{color:var(--gold);text-shadow:0 0 13px #f4c4007a;font-size:30px;font-weight:400;line-height:1}.bell-dot{background:#ffdf00;border:2px solid #050505;border-radius:50%;width:10px;height:10px;position:absolute;top:3px;right:4px;box-shadow:0 0 9px #f4c4008c}.overview-tab{place-items:center;height:35px;margin:0 auto 8px;display:grid}.overview-tab span{color:#fff6cf;text-align:center;min-width:164px;text-shadow:0 0 8px var(--gold);background:linear-gradient(90deg,#0000,#f4c4001a,#0000);padding:7px 28px;font-size:14px;font-weight:600;position:relative}.overview-tab span:before,.overview-tab span:after{content:"";pointer-events:none;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);position:absolute;inset:0;transform:skew(-35deg)}.dashboard-screen .portfolio-card{background:radial-gradient(circle at 29% 49%,#f4c40024,#0000 35%),radial-gradient(circle at 83% 20%,#26e25a14,#0000 29%),#040505;border:1px solid #ecd69173;border-radius:18px;width:100%;max-width:100%;min-height:215px;padding:12px;box-shadow:inset 0 0 28px #ffffff04,0 15px 38px #00000061}.dashboard-screen .portfolio-card:before{background:linear-gradient(115deg,#0000 34%,#ffffff06 35%,#0000 36%)}.dashboard-screen .portfolio-card:after{display:none}.dashboard-screen .portfolio-pattern{opacity:.5;width:150px;height:150px;top:-75px;right:-85px}.dashboard-screen .portfolio-main{grid-template-columns:minmax(140px,.95fr) minmax(150px,1.15fr);align-items:stretch;gap:10px;height:189px;margin:0}.plot-orbit{--ring-gap:#ffffff1a;background:conic-gradient(from -42deg, #ffe36a 0 2%, #f5bf00 2% var(--progress), var(--ring-gap) var(--progress) 100%);border-radius:50%;place-self:center;place-items:center;width:min(38vw,174px);height:min(38vw,174px);padding:15px;display:grid;position:relative;box-shadow:0 0 11px #f4c400b8,0 0 31px #f4c4005c,inset 0 0 11px #ffffff47}.plot-orbit:before{content:"";border:1px solid #ffeca685;border-radius:50%;position:absolute;inset:7px;box-shadow:inset 0 0 18px #f4c4002e}.plot-orbit:after{content:"";background:#fff5be;border-radius:50%;width:16px;height:16px;position:absolute;top:-3px;left:47%;box-shadow:0 0 15px 5px #f4c400b8}.orbit-core{text-align:center;background:radial-gradient(circle at 45% 38%,#13130e,#020303 69%);border-radius:50%;place-content:center;width:100%;height:100%;display:grid;box-shadow:inset 0 0 25px #f4c40014}.orbit-core small,.orbit-core strong,.orbit-core span{display:block}.orbit-core small{color:#dad9d2;font-size:13px}.orbit-core strong{color:#fff;text-shadow:0 0 19px #ffffff29;margin:-2px 0 -6px;font-size:clamp(49px,13vw,68px);font-weight:700;line-height:1}.orbit-core span{color:#d6d6d1;font-size:19px}.hero-money-stack{z-index:2;gap:7px;min-width:0;display:grid;position:relative}.hero-money-card{color:#38e66d;background:linear-gradient(115deg,#15471c57,#061409c7);border:1px solid #33d15580;border-radius:11px;grid-template-columns:38px 1fr;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:grid;box-shadow:inset 0 0 16px #26e25a0b}.hero-money-card.unpaid{color:#ff5a50;background:linear-gradient(115deg,#5e16125c,#190605d1);border-color:#ff514cbf}.hero-money-card p{min-width:0;margin:0}.hero-money-card small,.hero-money-card strong{display:block}.hero-money-card small{color:#f1f1e9;font-size:12px;line-height:1.1}.hero-money-card strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(20px,5.2vw,28px);font-weight:600;line-height:1.08;overflow:hidden}.hero-money-card strong em{color:currentColor;font-size:9px;font-style:normal;font-weight:500}.hero-stat-icon{width:31px;height:31px;box-shadow:0 0 12px color-mix(in srgb, currentColor 25%, transparent);border:2px solid;border-radius:50%;place-items:center;font-size:17px;font-weight:800;display:grid}.unpaid .hero-stat-icon{font-size:20px}.chart-bars{border:0;border-radius:0;grid-template-columns:repeat(4,1fr);align-items:end;gap:3px;height:35px}.chart-bars i{background:linear-gradient(#b9ff4e,#2fdd27);border-radius:2px 2px 0 0;align-self:end;min-width:4px;box-shadow:0 0 8px #5dff4194}.chart-bars i:first-child{height:30%}.chart-bars i:nth-child(2){height:50%}.chart-bars i:nth-child(3){height:72%}.chart-bars i:nth-child(4){height:100%}.payment-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0;display:grid}.payment-status-grid .metric-card{border-radius:14px;width:100%;min-width:0;min-height:111px;padding:11px 10px 10px}.payment-status-grid .metric-top{grid-template-columns:31px 1fr;align-items:center;gap:7px;display:grid}.payment-status-grid .metric-top span{color:currentColor;width:31px;height:31px;box-shadow:0 0 11px color-mix(in srgb, currentColor 22%, transparent);background:0 0;border:2px solid;border-radius:50%}.payment-status-grid .metric-top small{color:#e6e5df;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.payment-status-grid .metric-card>strong{color:#fff;margin-top:1px;font-size:22px}.payment-status-grid .metric-card>em{color:currentColor;margin:0 0 6px;font-size:10px;display:block}.payment-status-grid .metric-progress{height:7px;margin-top:auto}.payment-status-grid .paidstat{color:var(--emerald)}.payment-status-grid .pending{color:var(--gold)}.payment-status-grid .alert{color:var(--coral)}.payment-status-grid .metric-card:after{display:none}.dashboard-screen .visual-dashboard-grid{grid-template-columns:1.05fr .95fr;gap:8px;margin:0 0 8px}.dashboard-screen .chart-card,.dashboard-screen .calendar-card{border-radius:15px;min-width:0;min-height:190px;padding:11px 11px 9px}.dashboard-screen .chart-card:after,.dashboard-screen .calendar-card:after{width:90px;height:90px}.dashboard-screen .chart-head h3{font-size:14px;line-height:1.15}.dashboard-screen .chart-head .overline{display:none}.dashboard-screen .chart-head>span{white-space:nowrap;padding:3px 5px;font-size:7px}.dashboard-screen .bar-chart{gap:7px;height:85px;margin-top:18px;padding:0 3px}.dashboard-screen .bar-chart i{min-width:9px}.dashboard-screen .bar-chart i b{font-size:6px;top:-14px}.dashboard-screen .chart-labels{margin-top:5px;font-size:7px}.dashboard-screen .chart-total{margin-top:7px;padding-top:6px}.dashboard-screen .chart-total span{font-size:8px}.dashboard-screen .chart-total strong{font-size:14px}.dashboard-screen .calendar-week,.dashboard-screen .calendar-grid{gap:3px}.dashboard-screen .calendar-week{margin:12px 0 4px;font-size:6px}.dashboard-screen .calendar-day{color:#b4b5b1;background:0 0;border:0;border-radius:50%}.dashboard-screen .calendar-day b{border-radius:50%;place-items:center;width:16px;height:16px;font-size:7px;display:grid}.dashboard-screen .calendar-day.due b,.dashboard-screen .calendar-day.upcoming b{color:#0d0a00;background:var(--gold);box-shadow:0 0 7px #f4c4007a}.dashboard-screen .calendar-day.overdue b{color:#170304;background:var(--coral);box-shadow:0 0 7px #ff515973}.dashboard-screen .calendar-day.today{outline:0}.dashboard-screen .calendar-day.today b{outline-offset:2px;outline:2px solid #fff6c7}.dashboard-screen .calendar-day i{width:8px;height:8px;font-size:5px;top:-1px;right:-1px}.dashboard-screen .calendar-legend{gap:7px;margin-top:8px;font-size:6px}.dashboard-screen .calendar-legend i{width:6px;height:6px}.dashboard-screen .slip-gallery-section{background:linear-gradient(145deg,#0c0d0f,#050607);border:1px solid #ffffff14;border-radius:15px;margin-top:6px;padding:11px}.dashboard-screen .slip-gallery-section .section-heading{margin-bottom:7px}.dashboard-screen .slip-gallery-section .section-heading h3{font-size:14px}.dashboard-screen .slip-gallery{grid-auto-columns:102px;gap:5px;padding:1px 1px 4px}.dashboard-screen .slip-preview,.dashboard-screen .slip-add-card{border-radius:9px;min-height:146px;padding:7px}.dashboard-screen .slip-paper{border-radius:5px 5px 10px;gap:6px;width:67px;height:74px;padding:13px 9px}.dashboard-screen .slip-paper .bank-badge{color:#fff;background:currentColor;border:1px solid #0000002e;border-radius:50%;place-items:center;width:17px;height:17px;font-size:7px;font-style:normal;font-weight:800;display:grid;position:absolute;top:6px;left:7px}.dashboard-screen .slip-paper>i:first-of-type{width:34%;margin:1px 0 1px auto}.dashboard-screen .receipt-qr{background:repeating-linear-gradient(45deg,#00000073 0 2px,#0000 2px 4px);border:3px dotted #0000007a;width:18px;height:18px;position:absolute;bottom:7px;right:7px}.dashboard-screen .slip-paper b{border-width:2px;width:23px;height:23px;font-size:9px}.dashboard-screen .slip-copy strong{color:var(--emerald);font-size:14px}.dashboard-screen .slip-copy small{font-size:8px}.dashboard-screen .slip-copy em{font-size:7px}.dashboard-screen .slip-add-card>span{border-radius:10px;width:34px;height:34px;margin-bottom:7px;font-size:20px}.dashboard-screen .slip-add-card strong{font-size:10px}.dashboard-screen .slip-add-card small{font-size:7px}.dashboard-screen .count-chip{padding:3px 7px;font-size:7px}.today-due-section{background:radial-gradient(circle at 100% 0,#f4c40017,#0000 9rem),linear-gradient(145deg,#0d0e11,#050607);border:1px solid #f4c4002e;border-radius:16px;margin-top:8px;padding:14px;position:relative;overflow:hidden}.today-due-section:after{content:"";border:1px solid #f4c4002e;border-radius:50%;width:105px;height:105px;position:absolute;top:-67px;right:-70px;box-shadow:0 0 0 18px #f4c40006}.today-due-head{z-index:1;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.today-due-head h3{color:#fff;margin:2px 0 0;font-size:16px;line-height:1.15}.today-date{color:#090700;text-align:center;background:linear-gradient(145deg,#ffe05e,#eab900);border:1px solid #f4c4006b;border-radius:13px;flex:none;place-content:center;width:47px;height:50px;display:grid;box-shadow:0 0 18px #f4c40021}.today-date strong,.today-date small{display:block}.today-date strong{font-size:20px;line-height:.9}.today-date small{margin-top:4px;font-size:7px;font-weight:700}.today-due-summary{z-index:1;color:#858a91;align-items:center;gap:6px;margin:12px 0 8px;font-size:8px;display:flex;position:relative}.today-due-summary strong{color:var(--gold);font-size:10px}.today-due-summary i{background:linear-gradient(90deg,#f4c40040,#0000);flex:1;height:1px;margin-left:3px}.today-due-list{z-index:1;gap:7px;display:grid;position:relative}.today-due-row{color:#fff;text-align:left;background:#ffffff06;border:1px solid #ffffff13;border-radius:12px;grid-template-columns:39px minmax(0,1fr) auto 10px;align-items:center;gap:9px;width:100%;padding:9px;display:grid}.today-due-row:hover{background:#f4c4000a;border-color:#f4c40040}.today-avatar{color:#061008;background:var(--emerald);border-radius:12px;place-items:center;width:39px;height:39px;font-size:10px;font-weight:800;display:grid}.today-avatar.amber{color:#0f0b00;background:var(--gold)}.today-avatar.ruby{color:#fff;background:var(--coral)}.today-avatar.sapphire{color:#001014;background:var(--cyan)}.today-customer{min-width:0}.today-customer strong,.today-customer small{display:block}.today-customer strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.today-customer small{color:#777c83;margin-top:2px;font-size:7px}.today-payment{text-align:right}.today-payment>strong{color:#fff;font-size:11px;display:block}.today-payment .status{margin-left:auto}.today-due-row>b{color:var(--gold);font-size:17px}.today-empty{background:#22d66f09;border:1px dashed #22d66f3d;border-radius:12px;align-items:center;gap:10px;min-height:66px;padding:11px;display:flex}.today-empty>span{color:#041008;background:var(--emerald);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid;box-shadow:0 0 14px #22d66f26}.today-empty strong,.today-empty small{display:block}.today-empty strong{color:#dfe4e0;font-size:10px}.today-empty small{color:#73787e;margin-top:2px;font-size:7px}.due-followup-section{margin-top:22px}.dashboard-install{margin-top:14px}@media (max-width:410px){.dashboard-wordmark strong{font-size:19px}.wing-mark{flex-basis:35px;width:35px}.dashboard-screen .portfolio-main{grid-template-columns:138px 1fr;gap:7px}.plot-orbit{width:136px;height:136px;padding:12px}.orbit-core small{font-size:11px}.orbit-core strong{font-size:48px}.orbit-core span{font-size:15px}.hero-money-card{grid-template-columns:30px 1fr;gap:5px;padding:7px}.hero-stat-icon{width:27px;height:27px;font-size:14px}.hero-money-card small{font-size:10px}.hero-money-card strong{font-size:18px}.payment-status-grid{gap:5px}.payment-status-grid .metric-card{padding:9px 7px}.payment-status-grid .metric-top{grid-template-columns:27px 1fr;gap:4px}.payment-status-grid .metric-top span{width:27px;height:27px}.payment-status-grid .metric-top small{font-size:9px}.payment-status-grid .metric-card>strong{font-size:19px}.dashboard-screen .chart-head>span{display:none}.dashboard-screen .calendar-legend{gap:4px}}.dashboard-screen{overflow-x:hidden}.customers-screen{background:radial-gradient(circle at 50% 0,#f4c4000f,#0000 18rem),#030404;max-width:600px;margin:0 auto;padding-top:16px}.compact-brandbar{grid-template-columns:44px 1fr 44px;align-items:center;height:50px;margin-bottom:16px;display:grid}.compact-back,.compact-more{color:#fff;background:0 0;border:0;width:42px;height:42px}.compact-back{font-size:32px;line-height:1}.compact-more{letter-spacing:2px;font-size:15px}.compact-wordmark{min-width:0;color:var(--gold);justify-content:center;align-items:center;gap:6px;display:flex}.compact-wordmark .wing-fallback{color:var(--gold);font-size:33px;font-weight:800;line-height:.7;transform:rotate(-10deg)}.compact-wordmark strong{color:#f3bf00;letter-spacing:-.035em;text-shadow:0 0 10px #f4c40038;white-space:nowrap;font-size:20px;font-weight:800;overflow:hidden}.screen-titlebar{justify-content:space-between;align-items:center;gap:15px;margin:0 0 16px;display:flex}.screen-titlebar h2{color:#fff;margin:2px 0 0;font-size:25px}.contract-number-line{background:#f4c4000a;border:1px solid #f4c40029;border-radius:10px;justify-content:space-between;align-items:baseline;margin:-7px 0 18px;padding:9px 12px;display:flex}.contract-number-line small{color:#81858b;font-size:9px}.contract-number-line strong{color:var(--gold-light);font-size:10px}.workspace-screen{color:#fff;background:radial-gradient(circle at 14% 12%,#f4c4002e,#0000 22rem),radial-gradient(circle at 92% 80%,#00d7ff1f,#0000 25rem),#020202;place-items:center;min-height:100dvh;padding:22px;display:grid;overflow:hidden}.workspace-shell{background:linear-gradient(145deg,#121316fa,#040506fa);border:1px solid #f4c40038;border-radius:30px;width:min(100%,470px);padding:28px 24px 24px;position:relative;overflow:hidden;box-shadow:0 35px 90px #0000009e}.workspace-shell:before{content:"";border:1px solid #f4c40033;border-radius:50%;width:260px;height:260px;position:absolute;top:-140px;right:-155px;box-shadow:0 0 0 32px #f4c40006,0 0 0 70px #f4c40004}.workspace-brand{z-index:1;color:var(--gold);align-items:center;gap:10px;display:flex;position:relative}.workspace-logo{color:#050505;background:linear-gradient(145deg,#ffe167,#e9b900);border:1px solid #f4c40085;border-radius:14px;place-items:center;width:45px;height:45px;font-size:17px;font-weight:800;display:grid;box-shadow:0 0 23px #f4c40033}.workspace-brand small,.workspace-brand strong{line-height:1;display:block}.workspace-brand small{letter-spacing:.25em;font-size:8px}.workspace-brand strong{margin-top:3px;font-size:18px}.workspace-intro{z-index:1;margin:35px 0 22px;position:relative}.workspace-intro h1{letter-spacing:-.04em;margin:6px 0 9px;font-size:clamp(27px,7vw,36px);line-height:1.08}.workspace-intro>p:last-child{color:#898d94;max-width:365px;margin:0;font-size:10px;line-height:1.65}.workspace-options{z-index:1;gap:11px;display:grid;position:relative}.workspace-option{color:#fff;text-align:left;background:linear-gradient(115deg,#15171b,#090a0c);border:1px solid #ffffff17;border-radius:18px;grid-template-columns:55px minmax(0,1fr) 25px;align-items:center;gap:12px;width:100%;padding:13px;transition:border-color .2s,transform .2s,box-shadow .2s;display:grid}.workspace-option:hover{transform:translateY(-2px)}.workspace-option.gold:hover{border-color:#f4c4007a;box-shadow:0 12px 30px #f4c40014}.workspace-option.cyan:hover{border-color:#00d7ff7a;box-shadow:0 12px 30px #00d7ff14}.workspace-avatar{color:#080700;background:linear-gradient(145deg,#ffe16a,#eab900);border-radius:17px;place-items:center;width:55px;height:55px;font-size:17px;font-weight:800;display:grid;box-shadow:0 0 20px #f4c40029}.workspace-option.cyan .workspace-avatar{color:#001014;background:linear-gradient(145deg,#7cecff,#00badf);box-shadow:0 0 20px #00d7ff26}.workspace-name{min-width:0}.workspace-name small,.workspace-name strong,.workspace-name em{display:block}.workspace-name small{color:#7f848c;letter-spacing:.13em;font-size:7px}.workspace-name strong{text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font-size:15px;overflow:hidden}.workspace-name em{color:#767b82;font-size:8px;font-style:normal}.workspace-option>b{color:var(--gold);font-size:22px}.workspace-option.cyan>b{color:var(--cyan)}.workspace-security{z-index:1;background:#22d66f0a;border:1px solid #22d66f26;border-radius:14px;align-items:center;gap:9px;margin-top:18px;padding:11px 12px;display:flex;position:relative}.workspace-security>span{color:#031108;background:var(--emerald);border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;font-weight:800;display:grid}.workspace-security p{margin:0}.workspace-security strong,.workspace-security small{display:block}.workspace-security strong{color:#cbd1cd;font-size:9px}.workspace-security small{color:#70757c;margin-top:2px;font-size:7px}.active-workspace-bar{color:#83878d;text-align:left;background:#f4c40009;border:1px solid #f4c4002e;border-radius:11px;align-items:center;gap:7px;width:100%;margin:0 0 9px;padding:8px 10px;display:flex}.active-workspace-bar span{font-size:8px}.active-workspace-bar strong{color:#f2f0e8;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:10px;overflow:hidden}.active-workspace-bar b{color:var(--gold);font-size:8px}.contract-card-main{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block}.quick-payment-button{width:100%;color:var(--gold-light);text-align:left;background:#f4c4000f;border:1px solid #f4c40038;border-radius:11px;align-items:center;gap:8px;margin-top:13px;padding:10px 11px;font-size:9px;font-weight:700;display:flex}.quick-payment-button>span{color:#070600;background:var(--gold);border-radius:50%;place-items:center;width:23px;height:23px;font-size:11px;display:grid}.quick-payment-button>b{margin-left:auto;font-size:18px}.quick-payment-button.paid{color:var(--emerald);background:#22d66f0d;border-color:#22d66f38}.quick-payment-button.paid>span{background:var(--emerald)}.quick-payment-button.overdue{color:#ff777d;background:#ff51590f;border-color:#ff51594d}.available-note{color:var(--emerald);text-align:center;grid-column:1/-1;margin:-4px 0 0;font-size:8px}.workspace-switch-list{gap:10px;display:grid}.workspace-switch-item{color:#fff;text-align:left;background:#101115;border:1px solid #ffffff17;border-radius:15px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;padding:12px;display:grid}.workspace-switch-item>span{color:#080700;background:var(--gold);border-radius:13px;place-items:center;width:44px;height:44px;font-size:13px;font-weight:800;display:grid}.workspace-switch-item div{min-width:0}.workspace-switch-item small,.workspace-switch-item strong{display:block}.workspace-switch-item small{color:#777c83;font-size:7px}.workspace-switch-item strong{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.workspace-switch-item>b{color:var(--gold);font-size:8px}.workspace-switch-note{color:#7d8187;text-align:center;margin:13px 7px 0;font-size:8px;line-height:1.6}@media (min-width:760px){.dashboard-screen{padding:22px 18px 120px}.dashboard-screen .metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-screen .portfolio-main{grid-template-columns:minmax(180px,.95fr) minmax(220px,1.15fr)}.dashboard-screen .slip-gallery{grid-auto-columns:102px}}@media (max-width:370px){.workspace-screen{padding:12px}.workspace-shell{border-radius:24px;padding:23px 17px 19px}.workspace-intro{margin-top:26px}.workspace-option{grid-template-columns:48px minmax(0,1fr) 18px;gap:9px;padding:10px}.workspace-avatar{border-radius:14px;width:48px;height:48px}.workspace-name strong{font-size:13px}}#landscape-guard{display:none}@media (orientation:portrait),(max-width:899px){#app,#overlay-root,#toast{display:none!important}#landscape-guard{color:#fff;background:radial-gradient(circle at 50% 35%,#f4c40024,#0000 22rem),#020303;place-items:center;min-height:100dvh;padding:30px;display:grid}.landscape-guard-card{text-align:center;background:linear-gradient(145deg,#111216,#060708);border:1px solid #f4c40047;border-radius:30px;width:min(100%,520px);padding:45px 30px;box-shadow:0 30px 80px #000000a6}.rotate-ipad{border:3px solid var(--gold);width:88px;height:62px;color:var(--gold);border-radius:13px;place-items:center;margin:0 auto 24px;font-size:38px;display:grid;box-shadow:0 0 28px #f4c4002e}.landscape-guard-card small{color:var(--gold);letter-spacing:.16em;font-size:11px;font-weight:800}.landscape-guard-card h1{margin:8px 0 7px;font-size:29px;line-height:1.15}.landscape-guard-card p{color:#858a91;margin:0;font-size:13px}}@media (orientation:landscape) and (min-width:900px){html,body{background:#020303;min-height:100%}.app-shell,.app-surface,.screen{min-height:100dvh}.app-surface{border-radius:0;width:min(100%,1366px);margin:0 auto;overflow:visible}.screen{padding:16px 22px 82px}.dashboard-screen{background:radial-gradient(circle at 13% 33%,#ff5e1f14,#0000 25rem),radial-gradient(circle at 83% 18%,#00d7ff0e,#0000 23rem),radial-gradient(circle at 55% 100%,#f4c4000b,#0000 28rem),#020304;grid-template:"brand brand"52px"tab workspace"36px"portfolio visual"260px"metrics today""line line"210px"follow follow""install install"/minmax(420px,.92fr) minmax(475px,1.08fr);align-content:start;gap:12px 18px;width:100%;max-width:none;padding:13px 22px 82px;display:grid;overflow-x:hidden}.dashboard-brandbar{grid-area:brand;width:100%;height:52px;margin:0}.dashboard-wordmark strong{letter-spacing:-.035em;font-size:29px}.overview-tab{grid-area:tab;width:100%;height:34px;margin:0}.active-workspace-bar{background:linear-gradient(90deg,#f4c40011,#ff5b1f09);border-color:#f4c40042;border-radius:13px;grid-area:workspace;height:36px;margin:0;padding:8px 14px}.dashboard-screen .portfolio-card{background:radial-gradient(circle at 20%,#ffb7002b,#0000 34%),radial-gradient(circle at 78% 35%,#ff4b1f1f,#0000 37%),linear-gradient(135deg,#0c0c0d 0%,#08090b 55%,#130806 100%);border-color:#ffb72b8c;border-radius:25px;grid-area:portfolio;height:260px;min-height:260px;padding:15px;overflow:hidden;box-shadow:0 22px 55px #00000085,inset 0 1px #ffe8930f,0 0 25px #ff7c1a12}.dashboard-screen .portfolio-main{grid-template-columns:minmax(176px,.8fr) minmax(215px,1.2fr);gap:13px;height:230px}.plot-orbit{background:conic-gradient(from -42deg, #fff29b 0 2%, #ffd01e 2% 42%, #ff7a17 42% var(--progress), var(--ring-gap) var(--progress) 100%);width:184px;height:184px;padding:17px;transform:perspective(500px)rotateY(5deg)rotateX(-2deg);box-shadow:0 0 13px #ffd120c7,0 0 35px #ff7a176b,0 20px 38px #0000008f,inset 0 0 14px #ffffff52}.plot-orbit:before{border-color:#ffefa9a3;inset:8px;box-shadow:inset 0 0 24px #ff5b1f26}.plot-orbit:after{background:#fffbd0;width:18px;height:18px;box-shadow:0 0 18px 6px #ff971fc7}.orbit-core{background:radial-gradient(circle at 42% 34%,#202015,#070708 66%);box-shadow:inset 0 0 28px #ff7a1721,0 12px 24px #00000059}.orbit-core small{font-size:14px}.orbit-core strong{text-shadow:0 6px 22px #fff3;margin:-3px 0 -8px;font-size:73px}.orbit-core span{color:#fff0c3;font-size:21px}.hero-speed-line{z-index:1;opacity:.42;background:linear-gradient(90deg,#0000,#ff6a1e,#0000);border-radius:999px;width:190px;height:3px;position:absolute;right:-30px;transform:rotate(-22deg);box-shadow:0 0 12px #ff5b1f}.hero-speed-line.line-one{top:52px}.hero-speed-line.line-two{opacity:.25;width:125px;bottom:40px;right:20px}.hero-received-spotlight{z-index:2;background:linear-gradient(145deg,#221208eb,#0a0a0cf0);border:1px solid #ff712361;border-radius:20px;align-self:center;min-width:0;padding:17px 16px 15px;position:relative;overflow:hidden;box-shadow:inset 0 0 26px #ff641c0f,0 15px 35px #00000059}.hero-received-spotlight:after{content:"฿";color:#ff7d1f0e;font-size:145px;font-weight:800;line-height:1;position:absolute;bottom:-40px;right:-10px}.hot-month-badge{color:#ffb277;letter-spacing:.12em;background:#ff502214;border:1px solid #ff513157;border-radius:999px;align-items:center;gap:5px;width:-moz-fit-content;width:fit-content;padding:4px 8px;font-size:7px;font-weight:800;display:flex}.hot-month-badge span{color:#ff5635;text-shadow:0 0 8px #ff4e2c;font-size:9px}.hero-received-spotlight>p{color:#fff4db;margin:10px 0 0;font-size:13px;font-weight:700}.spotlight-amount{z-index:1;color:#fff;text-shadow:0 5px 25px #ff811f33;align-items:baseline;min-width:0;margin:-2px 0 4px;display:flex;position:relative}.spotlight-amount small{color:#ff9c39;margin-right:4px;font-size:22px;font-weight:800}.spotlight-amount strong{letter-spacing:-.055em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(39px,4.2vw,58px);font-weight:800;line-height:1.08;overflow:hidden}.spotlight-amount em{color:#ffbf72;margin-left:5px;font-size:9px;font-style:normal}.spotlight-progress{z-index:1;background:#ffffff16;border-radius:999px;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000008c}.spotlight-progress i{border-radius:inherit;background:linear-gradient(90deg,#ffd82d,#ff8b1f,#ff4936);height:100%;display:block;box-shadow:0 0 14px #ff5f1fa6}.spotlight-progress b{background:#fff2b0;border-radius:50%;width:8px;height:8px;position:absolute;top:0;right:0;box-shadow:0 0 10px #ff8a1e}.spotlight-foot{z-index:1;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding-right:41px;display:grid;position:relative}.spotlight-foot span{min-width:0}.spotlight-foot small,.spotlight-foot strong{display:block}.spotlight-foot small{color:#777b82;font-size:7px}.spotlight-foot strong{color:#f5f3ea;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.spotlight-foot>b{color:#0a0702;background:linear-gradient(145deg,#ffe75b,#ff8a1d);border:1px solid #ffb5356b;border-radius:50%;place-items:center;width:35px;height:35px;font-size:9px;display:grid;position:absolute;bottom:-2px;right:0;box-shadow:0 0 16px #ff7e1c40}.payment-status-grid{grid-area:metrics;gap:11px;height:128px;margin:0}.payment-status-grid .metric-card{background:linear-gradient(145deg,#15161a,#0a0b0e);border-radius:18px;min-height:128px;padding:13px 12px;box-shadow:0 16px 32px #0000004d,inset 0 1px #ffffff09}.payment-status-grid .metric-card.pending{border-color:#00d7ff38}.payment-status-grid .metric-card.alert{border-color:#ff515938}.payment-status-grid .metric-top span{width:35px;height:35px}.payment-status-grid .metric-card>strong{font-size:25px}.dashboard-screen .visual-dashboard-grid{grid-area:visual;gap:12px;height:260px;margin:0}.dashboard-screen .chart-card,.dashboard-screen .calendar-card{background:linear-gradient(145deg,#14151a,#08090c);border-radius:22px;height:260px;min-height:260px;margin:0;padding:15px;box-shadow:0 18px 38px #00000057,inset 0 1px #ffffff09}.dashboard-screen .bar-chart{gap:10px;height:135px}.dashboard-screen .bar-chart i{border-radius:7px 7px 2px 2px;box-shadow:0 7px 14px #0000004d}.dashboard-screen .bar-chart i.active{background:linear-gradient(#ffe95d,#ff8c1e);box-shadow:0 0 18px #ff801c4d}.dashboard-screen .chart-card .chart-head .overline{color:#ff8d2b;letter-spacing:.16em;text-shadow:0 0 10px #ff5b1f80;font-size:7px;display:block}.live-trend-chip{letter-spacing:.08em;align-items:center;gap:4px;display:flex;color:#ffad58!important;background:#ff4b1f14!important;border-color:#ff5d224d!important}.live-trend-chip i{background:#ff4e31;border-radius:50%;width:5px;height:5px;animation:1.5s ease-in-out infinite hot-pulse;box-shadow:0 0 9px #ff4e31}.hot-income-chart{isolation:isolate;background:linear-gradient(#ff5b1f06,#0000);border-bottom-color:#ff7a1f2e;position:relative;overflow:visible}.hot-income-chart:before{content:"";z-index:0;opacity:.22;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 31px,#ffffff12 32px 33px);position:absolute;inset:0}.hot-income-chart>i{z-index:1;opacity:.7}.hot-income-chart>i b{z-index:5;color:#aeb1b6;text-shadow:0 2px 5px #000}.income-line-graph{z-index:3;pointer-events:none;filter:drop-shadow(0 0 3px #53a5d34d);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.income-area{fill:url(#income-area-gradient)}.income-line-shadow{fill:none;stroke:#4b8bb82e;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round;filter:blur(5px)}.income-line{fill:none;stroke:url(#income-line-gradient);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round;filter:url(#income-glow);stroke-dasharray:900;animation:1s ease-out both draw-hot-line}.income-point{fill:#0a1821;stroke:#72cfe4;stroke-width:4px;filter:url(#income-glow)}.income-point:nth-of-type(n+4){stroke:#72cfe4}.income-point.current{fill:#d8f4fa;stroke:#5e9fc8;stroke-width:5px}.hot-total{border-top-color:#ff791f29}.hot-total span{align-items:center;gap:5px;display:flex}.hot-total span em{color:#555a61;font-size:6px;font-style:normal}.hot-total strong{text-shadow:0 0 12px #ff6f1f59;color:#ffbd4a!important;font-size:16px!important}.standalone-line-card{color:#fff;background:radial-gradient(circle at 90% 5%,#32678f1c,#0000 20rem),linear-gradient(145deg,#10171e,#070b0f);border:1px solid #6497b940;border-radius:20px;grid-area:line;min-height:210px;padding:15px 18px 12px;position:relative;overflow:hidden;box-shadow:0 20px 45px #0000005c,inset 0 1px #ffffff09}.standalone-line-card:after{content:"ANALYSIS";color:#67a4c707;letter-spacing:-.06em;pointer-events:none;font-size:84px;font-weight:800;line-height:1;position:absolute;bottom:-30px;right:-8px}.standalone-line-head{z-index:2;justify-content:space-between;align-items:flex-start;gap:15px;display:flex;position:relative}.standalone-line-head .overline{color:#75b7d6;letter-spacing:.17em;text-shadow:none;font-size:7px;display:block}.standalone-line-head h3{margin:2px 0 0;font-size:17px;line-height:1.1}.analysis-chip{color:#8abbd3;letter-spacing:.1em;background:#477e9d14;border:1px solid #66a4c53d;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:7px;font-weight:700;display:flex}.analysis-chip i{background:#73c0dd;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #73c0dd73}.standalone-line-stage{z-index:1;background:repeating-linear-gradient(0deg,#0000 0 27px,#89acc10e 28px 29px);border-bottom:1px solid #669ab924;height:116px;margin:7px 8px 0;position:relative}.standalone-line-stage .income-line-graph{height:calc(100% - 5px);inset:5px 0 0}.line-value-grid{z-index:5;color:#b9bdc2;text-align:center;pointer-events:none;grid-template-columns:repeat(6,1fr);display:grid;position:absolute;inset:0 0 auto}.line-value-grid strong{text-shadow:0 2px 6px #000;font-size:7px;font-weight:700}.line-value-grid strong:last-child{color:#a7d7e8}.standalone-line-foot{z-index:2;grid-template-columns:1fr auto;align-items:center;gap:18px;margin:2px 8px 0;display:grid;position:relative}.line-month-grid{color:#686d74;text-align:center;grid-template-columns:repeat(6,1fr);display:grid}.line-month-grid span{font-size:7px}.line-analysis-stats{align-items:center;gap:15px;display:flex}.line-analysis-stats>span{border-left:1px solid #79a0b626;min-width:60px;padding-left:10px}.line-analysis-stats small,.line-analysis-stats strong{display:block}.line-analysis-stats small{color:#5f7481;letter-spacing:.1em;font-size:6px}.line-analysis-stats strong{color:#aabac4;margin-top:1px;font-size:9px}.line-analysis-stats .latest strong{color:#91c9df}.dashboard-screen .calendar-week{margin-top:10px}.dashboard-screen .calendar-day b{width:18px;height:18px}.today-due-section{background:radial-gradient(circle at 100% 0,#ff681c1a,#0000 11rem),linear-gradient(145deg,#111216,#08090b);border-radius:20px;grid-area:today;min-height:128px;margin:0;padding:13px 15px;box-shadow:0 16px 34px #0000004d}.today-due-head h3{font-size:15px}.today-date{width:43px;height:45px}.today-due-summary{margin:7px 0 6px}.today-empty{min-height:47px;padding:7px 10px}.today-empty>span{width:30px;height:30px}.due-followup-section{grid-area:follow;margin:0}.due-followup-section .section-heading{align-items:center;margin:0 0 6px}.due-followup-section .section-heading h3{font-size:16px}.due-followup-section .list-card{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.due-followup-section .list-row{border-bottom:0;border-right:1px solid #ffffff12;min-width:0}.due-followup-section .list-row:last-child{border-right:0}.due-followup-section .empty-state{grid-column:1/-1;padding:16px}.dashboard-install{grid-area:install;min-height:46px;margin:0}.bottom-nav{border-radius:0;width:min(100%,1366px);height:66px;padding:5px max(31vw,270px) 7px;bottom:0;left:50%}.bottom-nav .nav-add{width:52px;height:52px;transform:translateY(-8px)}.customers-screen{width:min(100%,1180px);max-width:none;margin:0 auto;padding:14px 24px 82px}.customers-screen .contract-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customers-screen .screen-titlebar{margin-bottom:10px}.customers-screen .filter-pills{margin:10px 0 13px}.detail-screen{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px 16px;width:min(100%,1180px);max-width:none;margin:0 auto;padding:12px 24px 40px;display:grid}.detail-screen .compact-brandbar,.detail-screen .contract-number-line,.detail-screen .customer-identity,.detail-screen .content-section{grid-column:1/-1}.detail-screen .compact-brandbar,.detail-screen .contract-number-line,.detail-screen .customer-identity{margin:0}.detail-screen .contract-hero{grid-column:1;margin:0}.detail-screen .due-card{grid-column:2;align-content:start;margin:0}.detail-screen .content-section{margin-top:2px}.detail-screen .installment-list{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.detail-screen .installment-list .list-row{border-right:1px solid #ffffff12}.login-screen{padding:22px}.login-card{grid-template-columns:1.05fr .95fr;width:min(92vw,930px);display:grid}.login-visual{height:auto;min-height:520px}.login-content{flex-direction:column;justify-content:center;padding:40px;display:flex}.login-content h1{font-size:49px}.workspace-shell{width:min(92vw,930px);padding:34px}.workspace-intro{margin:27px 0 20px}.workspace-options{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-security{max-width:560px;margin-left:auto;margin-right:auto}.bottom-sheet{border-radius:29px 29px 0 0;width:min(92vw,760px)}}@keyframes draw-hot-line{0%{stroke-dashoffset:900px}to{stroke-dashoffset:0}}@keyframes hot-pulse{0%,to{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}@media (orientation:landscape) and (min-width:900px){.dashboard-screen.trading-dashboard{color:#dce4e9;background:radial-gradient(circle at 76% 8%,#305b7514,#0000 25rem),linear-gradient(#06090c,#040608 72%);grid-template:54px 74px 300px 170px/1fr;align-content:start;gap:11px;width:100%;max-width:none;padding:12px 20px 78px;display:grid}.trade-header{background:#0b0f13eb;border:1px solid #18242c;border-radius:13px;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-width:0;padding:0 13px;display:grid;box-shadow:inset 0 1px #ffffff06}.trade-brand{align-items:center;gap:10px;min-width:0;display:flex}.trade-brand>button{color:#85939c;background:0 0;border:0;width:32px;height:32px;font-size:20px}.trade-logo{color:#151100;background:#dcb536;border:1px solid #deb33773;border-radius:9px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.trade-brand strong,.trade-brand small{display:block}.trade-brand strong{color:#e5bd45;letter-spacing:-.02em;font-size:16px}.trade-brand small{color:#4f5c64;letter-spacing:.15em;margin-top:1px;font-size:5px}.trade-session{color:#66747d;align-items:center;gap:12px;display:flex}.trade-session>span{color:#67b28f;letter-spacing:.1em;background:#3587610f;border:1px solid #4da47e2e;border-radius:999px;align-items:center;gap:5px;padding:4px 7px;font-size:6px;font-weight:700;display:flex}.trade-session i{background:#51b987;border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px #51b98780}.trade-session small{font-size:7px}.trade-actions{justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.trade-workspace{color:#d5dde2;text-align:left;background:#0d1216;border:1px solid #1b2932;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;min-width:210px;height:36px;padding:0 10px;display:grid}.trade-workspace small{color:#53616a;letter-spacing:.1em;font-size:5px}.trade-workspace strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.trade-workspace b{color:#78909d;font-size:10px}.trade-settings{color:#77858e;letter-spacing:1px;background:#0d1216;border:1px solid #1b2932;border-radius:9px;width:36px;height:36px}.trade-kpi-strip{background:#19252d;border:1px solid #19252d;border-radius:13px;grid-template-columns:.8fr 1.35fr 1fr 1fr .8fr;gap:1px;min-width:0;display:grid;overflow:hidden}.trade-kpi-strip article{background:#0c1115;align-content:center;min-width:0;padding:9px 13px;display:grid;position:relative}.trade-kpi-strip article:after{content:"";background:0 0;height:2px;position:absolute;bottom:0;left:0;right:0}.trade-kpi-strip article.primary{background:linear-gradient(110deg,#0e1920,#0b1217)}.trade-kpi-strip article.primary:after{background:#5ba9c5}.trade-kpi-strip article.risk:after{background:#a8525c}.trade-kpi-strip small,.trade-kpi-strip strong,.trade-kpi-strip em{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.trade-kpi-strip small{color:#52616a;letter-spacing:.1em;font-size:6px;font-weight:700}.trade-kpi-strip strong{color:#dfe7eb;margin:2px 0 0;font-size:20px;line-height:1}.trade-kpi-strip .primary strong{color:#8fc9dc;font-size:25px}.trade-kpi-strip .risk strong{color:#ce7780}.trade-kpi-strip em{color:#58666e;margin-top:4px;font-size:6px;font-style:normal}.trade-main-grid{grid-template-columns:minmax(0,1.78fr) minmax(300px,.82fr);gap:11px;min-width:0;display:grid}.trade-chart-panel,.trade-portfolio-panel,.trade-bottom-grid>section{background:linear-gradient(145deg,#0d1318,#090d11);border:1px solid #1a2730;border-radius:14px;min-width:0;overflow:hidden;box-shadow:inset 0 1px #ffffff06,0 12px 28px #0003}.trade-chart-panel{padding:13px 15px 10px}.trade-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.trade-panel-head p,.mini-panel-head p{color:#536a77;letter-spacing:.13em;margin:0;font-size:6px;font-weight:700}.trade-panel-head h2{color:#e2e8eb;margin:2px 0 0;font-size:15px;line-height:1.1}.chart-period{background:#080c0f;border:1px solid #18242c;border-radius:7px;gap:3px;padding:3px;display:flex}.chart-period button{color:#56646c;background:0 0;border:0;border-radius:5px;min-width:31px;padding:4px 6px;font-size:6px}.trade-chart-summary{align-items:baseline;gap:10px;margin-top:4px;display:flex}.trade-chart-summary>strong{color:#dfe7eb;letter-spacing:-.03em;font-size:23px}.trade-chart-summary>span{border-radius:5px;padding:3px 6px;font-size:6px}.trade-line-stage{background:repeating-linear-gradient(0deg,#0000 0 38px,#7e99a90e 39px 40px);height:158px;margin-top:2px;padding-left:42px;position:relative}.trade-line-svg{width:calc(100% - 42px);height:100%;position:absolute;top:0;left:42px;right:0;overflow:visible}.trade-area{fill:url(#trade-area-gradient)}.trade-line{fill:none;stroke:url(#trade-line-gradient);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.trade-point{fill:#0b151b;stroke:#78bed6;stroke-width:3px}.trade-point.current{fill:#ddbd57;stroke:#e5ca72;stroke-width:4px}.trade-y-axis{color:#41515b;flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:5px;bottom:5px;left:0}.trade-y-axis span{font-size:6px}.trade-value-labels{color:#6c7d86;text-align:center;grid-template-columns:repeat(6,1fr);display:grid;position:absolute;top:1px;left:42px;right:0}.trade-value-labels span{font-size:6px}.trade-value-labels span:last-child{color:#d3b95e}.trade-month-labels{color:#52616a;text-align:center;grid-template-columns:repeat(6,1fr);margin-left:42px;display:grid}.trade-month-labels span{font-size:6px}.trade-chart-panel footer{border-top:1px solid #17232a;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:7px;padding-top:7px;display:grid}.trade-chart-panel footer span{border-left:1px solid #17232a;padding-left:9px}.trade-chart-panel footer span:first-child{border-left:0;padding-left:0}.trade-chart-panel footer small,.trade-chart-panel footer strong{display:block}.trade-chart-panel footer small{color:#4e5d66;letter-spacing:.09em;font-size:5px}.trade-chart-panel footer strong{color:#9aabb4;margin-top:1px;font-size:8px}.trade-portfolio-panel{padding:13px}.health-dot{color:#6cad89;letter-spacing:.09em;background:#37835d0f;border:1px solid #4c97712e;border-radius:999px;padding:4px 7px;font-size:5px}.trade-donut-row{grid-template-columns:116px 1fr;align-items:center;gap:14px;margin-top:15px;display:grid}.trade-donut{background:conic-gradient(#69adc6 0 var(--progress),#1b272e var(--progress) 100%);border-radius:50%;place-items:center;width:112px;height:112px;padding:11px;display:grid;box-shadow:inset 0 0 0 1px #7fb3c81f,0 12px 24px #00000047}.trade-donut>div{text-align:center;background:radial-gradient(circle,#111a20,#080d11);border:1px solid #1c2b34;border-radius:50%;place-content:center;width:100%;height:100%;display:grid}.trade-donut strong,.trade-donut small{display:block}.trade-donut strong{color:#e1e8eb;font-size:36px;line-height:.9}.trade-donut small{color:#667780;margin-top:4px;font-size:8px}.trade-received{min-width:0}.trade-received small,.trade-received strong,.trade-received span{display:block}.trade-received small{color:#56666f;font-size:7px}.trade-received strong{color:#88c2d7;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;margin:2px 0;font-size:26px;line-height:1.05;overflow:hidden}.trade-received span{color:#4d5c65;font-size:6px}.trade-progress{background:#19242b;border-radius:999px;height:5px;margin:13px 0;overflow:hidden}.trade-progress i{border-radius:inherit;background:#66a9c3;height:100%;display:block}.trade-status-rows{background:#18242b;border:1px solid #18242b;border-radius:9px;gap:1px;display:grid;overflow:hidden}.trade-status-rows>span{background:#0b1014;grid-template-columns:7px 1fr auto 34px;align-items:center;gap:7px;min-width:0;padding:7px 9px;display:grid}.trade-status-rows i{border-radius:50%;width:6px;height:6px}.trade-status-rows i.paid{background:#58aa7e}.trade-status-rows i.pending{background:#c4a24b}.trade-status-rows i.overdue{background:#b45d66}.trade-status-rows small{color:#62717a;font-size:6px}.trade-status-rows strong{color:#aab7be;font-size:7px}.trade-status-rows em{color:#4e5d66;text-align:right;font-size:5px;font-style:normal}.trade-bottom-grid{grid-template-columns:1.08fr .92fr 1.08fr;gap:11px;min-width:0;display:grid}.trade-bottom-grid>section{padding:11px 12px}.mini-panel-head{justify-content:space-between;align-items:flex-start;gap:9px;display:flex}.mini-panel-head h3{color:#d2dbe0;margin:2px 0 0;font-size:11px}.mini-panel-head>span{color:#52636d;font-size:6px}.mini-panel-head>strong{color:#d5bb5e;font-size:22px;line-height:1}.mini-panel-head button{color:#708c9b;background:0 0;border:0;font-size:6px}.trade-bars{border-bottom:1px solid #17232a;align-items:flex-end;gap:10px;height:105px;margin-top:7px;padding:0 7px;display:flex}.trade-bars i{background:linear-gradient(#477d92,#244451);border-radius:3px 3px 0 0;flex:1;min-width:12px;position:relative}.trade-bars i.current{background:linear-gradient(#d4bd68,#75662e)}.trade-bars b{color:#657680;font-size:5px;font-style:normal;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.trade-bars small{color:#495860;font-size:5px;font-style:normal;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.trade-compact-list{gap:5px;margin-top:9px;display:grid}.trade-compact-list .today-due-row,.trade-compact-list .list-row{background:#090e12;border:1px solid #17242c;border-radius:8px;min-height:48px;padding:6px 7px}.trade-compact-list .today-avatar,.trade-compact-list .avatar{border-radius:8px;width:32px;height:32px;font-size:7px}.trade-compact-list .today-customer strong,.trade-compact-list .row-copy strong{font-size:8px}.trade-compact-list .today-customer small,.trade-compact-list .row-copy small{font-size:5px}.trade-compact-list .today-payment>strong,.trade-compact-list .row-money>strong{font-size:8px}.trade-compact-list .status{padding:2px 4px;font-size:5px}.trade-clear{color:#63717a;text-align:left;justify-content:center;align-items:center;gap:9px;min-height:91px;display:flex}.trade-clear>span{color:#62a884;background:#39825c0f;border:1px solid #53a0783d;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.trade-clear strong,.trade-clear small{display:block}.trade-clear strong{color:#8d9aa1;font-size:8px}.trade-clear small{color:#4a5860;margin-top:2px;font-size:5px}.dashboard-screen.trading-dashboard{background:radial-gradient(circle at 10% -5%,#ffd3403d,#0000 29rem),radial-gradient(circle at 76% -2%,#2ccdff2e,#0000 27rem),radial-gradient(circle at 100% 72%,#ff375729,#0000 27rem),radial-gradient(circle at 34% 100%,#8f5cff1a,#0000 24rem),linear-gradient(#111522,#070a12 74%)}.trade-header{background:linear-gradient(105deg,#2a1f06fa,#131723fa 44%,#1b0f22fa);border-color:#ffd34085;position:relative;box-shadow:inset 0 1px #fff5b821,0 12px 34px #00000047,0 0 24px #ffc11f0f}.trade-logo{color:#211400;background:linear-gradient(145deg,#fff9c7,#ffd43f 42%,#ff9f1c);border-color:#fff8c2f0;box-shadow:0 0 24px #ffcc2961,inset 0 1px #ffffffe6}.trade-brand strong{color:#ffd84d;text-shadow:0 0 22px #ffcd2c4d}.trade-brand small{color:#c7a94d}.trade-session>span{color:#69dcff;background:#2ccdff1c;border-color:#2ccdff70}.trade-session i{background:#ff4f79;box-shadow:0 0 11px #ff4f79d9}.trade-session small{color:#a7b4c4}.trade-workspace{background:linear-gradient(135deg,#121b28,#15152a);border-color:#2ccdff5c;box-shadow:inset 0 0 18px #2ccdff09}.trade-workspace b,.trade-settings{color:#e4bd43}.trade-settings{color:#ff7898;background:#ff4f7913;border-color:#ff4f7966}.trade-kpi-strip{background:#354054;border-color:#ffd34063;box-shadow:0 12px 31px #0000003d,0 0 26px #2ccdff09}.trade-kpi-strip article{isolation:isolate;background:linear-gradient(145deg,#171d2a,#101521)}.trade-kpi-strip article:first-child{color:#40d7ff}.trade-kpi-strip article:nth-child(2){color:#ffd33f}.trade-kpi-strip article:nth-child(3){color:#b39aff}.trade-kpi-strip article:nth-child(4){color:#ff9f43}.trade-kpi-strip article:nth-child(5){color:#ff5268}.trade-kpi-strip article:first-child:after{background:linear-gradient(90deg,#279dc4,#46c8e8)}.trade-kpi-strip article:nth-child(2):after{background:linear-gradient(90deg,#dba928,#fff0a3)}.trade-kpi-strip article:nth-child(3):after{background:linear-gradient(90deg,#6956cf,#9c8df0)}.trade-kpi-strip article:nth-child(4):after{background:linear-gradient(90deg,#d88226,#f2bd59)}.trade-kpi-strip article:nth-child(5):after{background:linear-gradient(90deg,#c84856,#ef6673)}.trade-kpi-strip article.primary{background:radial-gradient(circle at 90% 10%,#ff436621,#0000 55%),linear-gradient(120deg,#312506,#1b1c18 58%,#121824);box-shadow:inset 0 0 32px #ffd3401a}.trade-kpi-strip article small{color:#aab6c5}.trade-kpi-strip article strong{color:currentColor}.trade-kpi-strip article.primary strong{color:#f6d45f;text-shadow:0 0 20px #f2c94c1f}.trade-kpi-strip article.risk strong{color:#ef7580}.trade-kpi-strip em{color:#8492a3}.trade-chart-panel,.trade-portfolio-panel,.trade-bottom-grid>section{background:radial-gradient(circle at 100% 0,#5c4aff12,#0000 45%),linear-gradient(145deg,#171d2bfc,#0b0f19fc);position:relative;box-shadow:inset 0 1px #ffffff0e,0 14px 32px #00000042}.trade-chart-panel{border-color:#40d7ff6b}.trade-portfolio-panel{border-color:#ffd3406e}.trade-panel-head p,.mini-panel-head p{color:#8ba7ba}.trade-panel-head h2{color:#f5f8ff}.chart-period{border-color:#46c8e829}.chart-period button.active{color:#181000;background:linear-gradient(135deg,#f7d764,#dba928)}.trade-chart-summary>strong{color:#f2d05a}.trade-chart-summary .positive{color:#64ddff;background:#2ccdff1f}.trade-chart-summary .negative{color:#f27c86;background:#ef66731a}.trade-line-stage{background:repeating-linear-gradient(0deg,#0000 0 38px,#46c8e812 39px 40px),linear-gradient(90deg,#46c8e805,#0000 70%)}.trade-point{fill:#091218;stroke:#72d5eb;filter:drop-shadow(0 0 3px #46c8e840)}.trade-point.current{fill:#f2c94c;stroke:#fff0a3;filter:drop-shadow(0 0 7px #f2c94c99)}.trade-value-labels span:last-child{color:#f2d262;font-weight:700}.trade-chart-panel footer span:last-child strong{color:#f2cc4f}.health-dot{color:#c3aaff;background:#8f5cff1f;border-color:#b798ff75}.trade-donut{background:conic-gradient(#ffd33f 0 var(--progress),#ff4f79 var(--progress),#713cff 100%);box-shadow:inset 0 0 0 1px #fff8c233,0 0 32px #ffc52529,0 13px 26px #00000052}.trade-donut>div{background:radial-gradient(circle at 42% 34%,#20293a,#0b101a 70%);border-color:#40d7ff40}.trade-donut strong{color:#f5d359}.trade-received strong{color:#ffd64b;text-shadow:0 0 20px #ffd33f33}.trade-progress{background:#243044}.trade-progress i{background:linear-gradient(90deg,#29c8ff,#7d5cff 48%,#ff4f79 72%,#ffd33f);box-shadow:0 0 15px #ff4f793d}.trade-status-rows>span{background:#111725}.trade-status-rows i.paid{background:#36ceff;box-shadow:0 0 8px #36ceff8c}.trade-status-rows i.pending{background:#ff9f43;box-shadow:0 0 8px #ff9f4380}.trade-status-rows i.overdue{background:#ff4f68;box-shadow:0 0 8px #ff4f688c}.trade-status-rows strong{color:#dbe5f2}.trade-bar-panel{border-color:#40d7ff5e!important}.trade-due-panel{border-color:#ff9f436b!important}.trade-watch-panel{border-color:#ff4f6870!important}.mini-panel-head>strong{color:#f4c94a}.trade-bars i{background:linear-gradient(#3fe0ff,#136f9a);box-shadow:0 -4px 13px #3fe0ff26}.trade-bars i:nth-child(2):not(.current){background:linear-gradient(#a78bff,#5638bb)}.trade-bars i:nth-child(3):not(.current){background:linear-gradient(#ff5e7a,#a9274c)}.trade-bars i:nth-child(4):not(.current){background:linear-gradient(#44d6ff,#176fbd)}.trade-bars i:nth-child(5):not(.current){background:linear-gradient(#ffad47,#b94e28)}.trade-bars i.current{background:linear-gradient(#fff18a,#ffcb31 66%,#cf7417);box-shadow:0 -5px 20px #ffcf3157}.trade-compact-list .today-due-row{background:linear-gradient(110deg,#ff9f4317,#111724 40%);border-color:#ff9f434f}.trade-compact-list .list-row{background:linear-gradient(110deg,#ff4f6816,#111724 40%);border-color:#ff4f684d}.trade-clear>span{color:#64dcff;background:#2ccdff1f;border-color:#40d7ff80;box-shadow:0 0 16px #2ccdff24}.trading-dashboard .today-avatar,.trading-dashboard .avatar{color:#fff;background:linear-gradient(145deg,#7c5cff,#ff4f79);box-shadow:0 0 14px #8f5cff2e}.trading-dashboard .today-avatar.amber,.trading-dashboard .avatar.amber{background:linear-gradient(145deg,#ffb340,#ff653f)}.trading-dashboard .today-avatar.ruby,.trading-dashboard .avatar.ruby{background:linear-gradient(145deg,#ff5a74,#bb2958)}.trading-dashboard .today-avatar.sapphire,.trading-dashboard .avatar.sapphire{background:linear-gradient(145deg,#3fd9ff,#4f63db)}.trading-dashboard .status.paid{color:#8be7ff;background:#2ccdff26}.bottom-nav{background:linear-gradient(#11141ff7,#080a11fc);border-top-color:#ffd3406b;box-shadow:0 -12px 34px #ff43660f}.bottom-nav button.active{color:#f2ca4d;text-shadow:0 0 10px #f2c94c2e}.bottom-nav .nav-add{background:linear-gradient(145deg,#fff087,#ffd43f 55%,#ff5d49);border-color:#fff8c2eb;box-shadow:0 0 30px #ffcf315c,0 12px 26px #00000052}}.loading-bar.mint i{background:linear-gradient(90deg,#2bc8ff,#8a62ff,#ff4f79);box-shadow:0 0 14px #32cfff3d}.metric-card.balance{color:#ff4f79}.metric-card.balance .metric-top span{color:#140415;background:linear-gradient(145deg,#ff7d9b,#a980ff);box-shadow:0 0 17px #ff4f7940}.chart-head>span{color:#67dcff;background:#32cfff1a;border-color:#32cfff4d}.bar-chart i:nth-child(3){background:linear-gradient(#ff5d78,#a9254a)}.green .slip-paper{color:#ff4f79;background:linear-gradient(145deg,#ffd0dd,#ff6f92)}.contract-progress i{background:linear-gradient(90deg,#2bc8ff,#8a62ff 48%,#ff4f79 72%,#ffd33f);box-shadow:0 0 14px #32cfff2e}@media (orientation:landscape) and (min-width:900px){.dashboard-screen.trading-dashboard{background:radial-gradient(circle at 9% -4%,#ffd8405c,#0000 30rem),radial-gradient(circle at 78% 0,#40d7ff36,#0000 28rem),radial-gradient(circle at 100% 72%,#ff37572e,#0000 27rem),radial-gradient(circle at 35% 100%,#8f5cff1f,#0000 25rem),linear-gradient(#181b28,#0b0e17 76%)}.trade-logo{background:linear-gradient(145deg,#fffde1,#ffe56a 35%,#ffc21f 68%,#ff8e22);box-shadow:0 0 31px #ffcf298a,inset 0 1px #fff}.trade-workspace{background:linear-gradient(135deg,#221e17,#161a28 60%,#17142a);border-color:#ffd34061}.trade-chart-panel:before{background:linear-gradient(90deg,#ffd43f,#4bdcff,#4bdcff1f,#0000 86%);height:2px}.trade-portfolio-panel:before{background:linear-gradient(90deg,#fff08a,#ffbf23,#ffbf231f,#0000 88%);height:2px}.chart-period button.active{background:linear-gradient(135deg,#fff09a,#ffd33e 58%,#ff9f1c);box-shadow:0 0 18px #ffcd2a3d}.bottom-nav .nav-add{background:linear-gradient(145deg,#fffbd3,#ffe25a 48%,#ffbe25 75%,#ff7045);box-shadow:0 0 37px #ffcf3185,0 13px 28px #00000057}.dashboard-screen.trading-dashboard{color:#f4f0e7;background:radial-gradient(circle at 12% -12%,#ffcd3721,#0000 30rem),radial-gradient(circle at 87% 8%,#4170aa12,#0000 27rem),radial-gradient(circle at 100% 88%,#ac30430e,#0000 23rem),linear-gradient(#050608 0%,#020304 74%,#000 100%)}.trade-header{background:linear-gradient(105deg,#141109fc,#08090cfc 47%,#0c090efc);border-color:#f4c43670;box-shadow:inset 0 1px #fff0a914,0 15px 34px #0000006b}.trade-header:after{opacity:.83;background:linear-gradient(90deg,#0000,#b88617 17%,#ffe37a 48%,#b88617 82%,#0000);height:1px}.trade-logo{color:#171003;background:linear-gradient(145deg,#fff3ac,#f2c94c 48%,#b77b10);border-color:#ffe67bcc;box-shadow:0 0 21px #f2c94c42,inset 0 1px #ffffffc7}.trade-brand strong{color:#f5ce55;text-shadow:0 0 18px #f2c94c33}.trade-brand small{color:#756334}.trade-brand>button{color:#9f9375}.trade-session>span{color:#7cbad7;background:#3d7fa60e;border-color:#54a5d140}.trade-session i{background:#d85c6a;box-shadow:0 0 7px #d85c6a7a}.trade-session small{color:#6f747d}.trade-workspace{color:#e7e2d8;background:linear-gradient(135deg,#111216,#090a0d);border-color:#f2c94c33;box-shadow:inset 0 1px #ffffff06}.trade-workspace small{color:#746c58}.trade-workspace b{color:#d9b84d;text-shadow:none}.trade-settings{color:#c9aa43;background:#0c0d10;border-color:#f2c94c40}.trade-kpi-strip{background:#26272b;border-color:#f2c94c42;box-shadow:0 14px 32px #00000061}.trade-kpi-strip article{background:radial-gradient(circle at 100% 0,#f2c94c06,#0000 58%),linear-gradient(145deg,#111216,#090a0d)}.trade-kpi-strip article:before{opacity:.025}.trade-kpi-strip article:first-child{color:#75bddc}.trade-kpi-strip article:nth-child(2){color:#f2c94c}.trade-kpi-strip article:nth-child(3){color:#9b85d7}.trade-kpi-strip article:nth-child(4){color:#d99543}.trade-kpi-strip article:nth-child(5){color:#db5c6b}.trade-kpi-strip article.primary{background:radial-gradient(circle at 86% 12%,#f2c94c13,#0000 55%),linear-gradient(120deg,#1c180d,#101113 62%,#0a0b0e);box-shadow:inset 0 0 29px #f2c94c0b}.trade-kpi-strip article.primary strong{color:#f7d45e;text-shadow:0 0 17px #f2c94c2e}.trade-kpi-strip article:nth-child(2):after{background:linear-gradient(90deg,#9f6d13,#f4cd50,#fff0a0);height:2px;box-shadow:0 0 7px #f2c94c42}.trade-kpi-strip small{color:#858991}.trade-kpi-strip em{color:#5f646d}.trade-chart-panel,.trade-portfolio-panel,.trade-bottom-grid>section{background:radial-gradient(circle at 100% 0,#f2c94c06,#0000 42%),linear-gradient(145deg,#0e0f13fe,#050608fe);box-shadow:inset 0 1px #ffffff07,0 17px 38px #0000006b}.trade-chart-panel{border-color:#4f8bab40}.trade-chart-panel:before{opacity:.7;background:linear-gradient(90deg,#b68b23,#d5b23f 28%,#5c98b4 67%,#0000 92%);height:1px}.trade-portfolio-panel{border-color:#f2c94c4f}.trade-portfolio-panel:before{opacity:.78;background:linear-gradient(90deg,#efd060,#9f7417,#0000 85%);height:1px}.trade-panel-head h2,.mini-panel-head h3{color:#e9e8e4}.trade-panel-head p,.mini-panel-head p{color:#687580}.chart-period{background:#050608;border-color:#1a1c21}.chart-period button{color:#656970}.chart-period button.active{color:#151004;box-shadow:none;background:linear-gradient(135deg,#f3d66f,#c99b28)}.trade-chart-summary>strong{color:#f1ce57;text-shadow:0 0 14px #f2c94c1f}.trade-chart-summary .positive{color:#78b9d5;background:#4c8fae12}.trade-chart-summary .negative{color:#d36b78;background:#ab425312}.trade-line-stage{background:repeating-linear-gradient(0deg,#0000 0 38px,#7386940b 39px 40px),linear-gradient(90deg,#4e88a405,#0000 70%)}.trade-point{stroke:#68a9c4;filter:none}.trade-point.current{fill:#efc94f;stroke:#fff0a0;filter:drop-shadow(0 0 6px #f2c94c7a)}.trade-value-labels span:last-child,.trade-chart-panel footer span:last-child strong{color:#e8c858;text-shadow:none}.health-dot{color:#a58cd9;background:#694fa40f;border-color:#8e74cc40}.trade-donut{background:conic-gradient(#f2c94c 0 var(--progress),#26262a var(--progress) 100%);box-shadow:inset 0 0 0 1px #ffef9d1a,0 0 24px #f2c94c14,0 15px 28px #0000006b}.trade-donut>div{background:radial-gradient(circle at 40% 30%,#16171a,#060709 70%);border-color:#f2c94c1a}.trade-donut strong,.trade-received strong{color:#f1ce56;text-shadow:0 0 13px #f2c94c1f}.trade-progress{background:#202126}.trade-progress i{background:linear-gradient(90deg,#4d91b2,#a77f23 63%,#f0ce5c);box-shadow:0 0 9px #f2c94c1f}.trade-status-rows{background:#1b1d22;border-color:#1b1d22}.trade-status-rows>span{background:#090a0d}.trade-status-rows i.paid{background:#65a9c7;box-shadow:0 0 5px #65a9c74d}.trade-status-rows i.pending{background:#d1953f;box-shadow:0 0 5px #d1953f47}.trade-status-rows i.overdue{background:#d05565;box-shadow:0 0 5px #d055654d}.trade-bar-panel{border-color:#4f8bab36!important}.trade-due-panel{border-color:#d1953f3d!important}.trade-watch-panel{border-color:#d055653b!important}.trade-bar-panel:before,.trade-due-panel:before,.trade-watch-panel:before{opacity:.68;height:1px}.trade-bar-panel:before{background:linear-gradient(90deg,#c69c32,#659bb3,#0000 88%)}.trade-due-panel:before{background:linear-gradient(90deg,#e2b64d,#c77835,#0000 88%)}.trade-watch-panel:before{background:linear-gradient(90deg,#e2be51,#c64f61,#0000 88%)}.mini-panel-head>strong{color:#edc950;text-shadow:none}.trade-bars i{box-shadow:none;background:linear-gradient(#5c9eb9,#244b5c)}.trade-bars i:nth-child(2):not(.current){background:linear-gradient(#8973bd,#413466)}.trade-bars i:nth-child(3):not(.current){background:linear-gradient(#c55262,#682936)}.trade-bars i:nth-child(4):not(.current){background:linear-gradient(#5e9fbf,#29536c)}.trade-bars i:nth-child(5):not(.current){background:linear-gradient(#ca873a,#6a401f)}.trade-bars i.current{background:linear-gradient(#f6de7c,#c99c2b 72%,#6f5017);box-shadow:0 -4px 15px #f2c94c30}.trade-compact-list .today-due-row{background:linear-gradient(110deg,#d1953f09,#08090c 38%);border-color:#d1953f2b}.trade-compact-list .list-row{background:linear-gradient(110deg,#d0556508,#08090c 38%);border-color:#d0556529}.trading-dashboard .today-avatar,.trading-dashboard .avatar{box-shadow:none;background:linear-gradient(145deg,#806db0,#a64054)}.trading-dashboard .today-avatar.amber,.trading-dashboard .avatar.amber{background:linear-gradient(145deg,#c6923c,#8c4927)}.trading-dashboard .today-avatar.ruby,.trading-dashboard .avatar.ruby{background:linear-gradient(145deg,#c85263,#762f40)}.trading-dashboard .today-avatar.sapphire,.trading-dashboard .avatar.sapphire{background:linear-gradient(145deg,#5d9cb8,#43598b)}.trading-dashboard .status.paid{color:#7db8d0;background:#4e8fad17}.trade-clear>span{color:#71a9c1;box-shadow:none;background:#457d970b;border-color:#5997b238}.bottom-nav{background:linear-gradient(#0a0b0efa,#030405fe);border-top-color:#f2c94c45;box-shadow:0 -15px 36px #0000006b}.bottom-nav button{color:#585b62}.bottom-nav button.active{color:#e9c64f;text-shadow:0 0 10px #f2c94c2e}.bottom-nav .nav-add{background:linear-gradient(145deg,#f5df82,#d1a32f 62%,#9c6815);border-color:#ffe781a3;box-shadow:0 0 22px #f2c94c33,0 13px 28px #0006}}:root{--emerald:#00b96b;--emerald-light:#18db83}@media (orientation:landscape) and (min-width:900px){.dashboard-screen.trading-dashboard{background:radial-gradient(circle at 5% 0,#9a142f3d,#0000 25rem),radial-gradient(circle at 32% -12%,#be7c0033,#0000 27rem),radial-gradient(circle at 78% 0,#143eb12e,#0000 28rem),radial-gradient(circle at 100% 68%,#006f4330,#0000 27rem),linear-gradient(#08080c,#020204 76%,#000)}.trade-header{background:linear-gradient(105deg,#1b0a0d 0%,#100d08 24%,#07080c 51%,#071311 77%,#100816 100%);border-color:#d593179e;box-shadow:inset 0 1px #ffdf751c,0 15px 36px #00000075,0 0 22px #a118341f}.trade-header:after{opacity:1;background:linear-gradient(90deg,#0000,#a30f2c 14%,#e1a423 34%,#f1c544 49%,#006c42 69%,#243caa 84%,#0000);height:2px;box-shadow:0 0 8px #ca89144d}.trade-logo{background:linear-gradient(145deg,#ffe982,#d99b1d 52%,#7e4b05);border-color:#ffde68e0;box-shadow:0 0 24px #d390155e,inset 0 1px #fffacdb3}.trade-brand strong{color:#edbd38;text-shadow:0 0 18px #d3901552}.trade-brand small{color:#956f25}.trade-brand>button{color:#c12847}.trade-session>span{color:#24ce83;background:#006f4329;border-color:#00b86966}.trade-session i{background:#ff254d;box-shadow:0 0 10px #ff254dcc}.trade-workspace{background:linear-gradient(135deg,#0d111d,#080b13);border-color:#2342b373;box-shadow:inset 0 0 18px #1b3fd80e}.trade-workspace b{color:#d69a20}.trade-settings{color:#e23a58;background:#18090d;border-color:#a1183485}.trade-kpi-strip{background:#34232b;border-color:#d390157a;box-shadow:0 14px 34px #00000070,0 0 23px #9a142f1a}.trade-kpi-strip article{box-shadow:inset 0 0 26px #0000001f}.trade-kpi-strip article:first-child{color:#4f8dff;background:linear-gradient(145deg,#10172d,#080b13)}.trade-kpi-strip article:nth-child(2){color:#e0a922;background:linear-gradient(145deg,#261b06,#0d0d0b)}.trade-kpi-strip article:nth-child(3){color:#9c5fe8;background:linear-gradient(145deg,#1a0f2b,#0c0912)}.trade-kpi-strip article:nth-child(4){color:#db751c;background:linear-gradient(145deg,#261106,#100a07)}.trade-kpi-strip article:nth-child(5){color:#ef294c;background:linear-gradient(145deg,#2a0911,#10070a)}.trade-kpi-strip article.primary{background:radial-gradient(circle at 85% 8%,#a30f2c30,#0000 55%),linear-gradient(120deg,#2b1d05,#141108 60%,#0b0b0e);box-shadow:inset 0 0 31px #cd89121a}.trade-kpi-strip article.primary strong{color:#f0bc35;text-shadow:0 0 19px #d794194d}.trade-kpi-strip article:first-child:after{background:linear-gradient(90deg,#163cb3,#3d75ed);box-shadow:0 0 8px #2b53d373}.trade-kpi-strip article:nth-child(2):after{background:linear-gradient(90deg,#8b5308,#e1a827,#ffd75c);box-shadow:0 0 8px #d28f146b}.trade-kpi-strip article:nth-child(3):after{background:linear-gradient(90deg,#49148f,#8b45d3);box-shadow:0 0 8px #6f2fb96b}.trade-kpi-strip article:nth-child(4):after{background:linear-gradient(90deg,#a63d0d,#e7771c);box-shadow:0 0 8px #d556106b}.trade-kpi-strip article:nth-child(5):after{background:linear-gradient(90deg,#830d25,#ed2448);box-shadow:0 0 9px #cd1b3e85}.trade-kpi-strip small{color:#a3a3aa}.trade-kpi-strip em{color:#686970}.trade-chart-panel,.trade-portfolio-panel,.trade-bottom-grid>section{background:radial-gradient(circle at 100% 0,#8f54000a,#0000 43%),linear-gradient(145deg,#111116,#050507);box-shadow:inset 0 1px #ffffff09,0 18px 40px #0000007a}.trade-chart-panel{border-color:#2342b37a}.trade-chart-panel:before{opacity:.92;background:linear-gradient(90deg,#b47208,#e2a82b 24%,#1c55d9 57%,#7a208e 76%,#0000 94%);height:2px;box-shadow:0 0 7px #2342b347}.trade-portfolio-panel{border-color:#c2800d87}.trade-portfolio-panel:before{opacity:.92;background:linear-gradient(90deg,#e2a526,#8f5909 47%,#006a40 75%,#0000 95%);height:2px}.trade-panel-head p,.mini-panel-head p{color:#777985}.trade-panel-head h2,.mini-panel-head h3{color:#f1efe9}.chart-period button.active{color:#120b01;background:linear-gradient(135deg,#e9bd45,#a86a0d);box-shadow:0 0 12px #cd89122b}.trade-chart-summary>strong{color:#e2aa27;text-shadow:0 0 16px #d3901538}.trade-chart-summary .positive{color:#20c67a;background:#006f4324}.trade-chart-summary .negative{color:#ef3656;background:#9a142f26}.trade-line-stage{background:repeating-linear-gradient(0deg,#0000 0 38px,#2d489113 39px 40px),linear-gradient(90deg,#143eb10d,#0000 70%)}.trade-point{stroke:#3473e5;filter:drop-shadow(0 0 3px #1d47cc5c)}.trade-point.current{fill:#d89c1d;stroke:#ffe074;filter:drop-shadow(0 0 8px #d390159e)}.trade-value-labels span:last-child,.trade-chart-panel footer span:last-child strong{color:#e6ae29}.health-dot{color:#22ca7d;background:#006f4326;border-color:#00b8696b}.trade-donut{background:conic-gradient(#dfaa28 0 var(--progress),#00663d var(--progress) 82%,#8d1029 100%);box-shadow:inset 0 0 0 1px #ffe07421,0 0 28px #bf7c0826,0 16px 29px #0000007a}.trade-donut>div{background:radial-gradient(circle at 38% 28%,#101b17,#050607 70%);border-color:#008f5538}.trade-donut strong,.trade-received strong{color:#e4ad29;text-shadow:0 0 15px #d3901533}.trade-progress{background:#1d1817}.trade-progress i{background:linear-gradient(90deg,#005f39,#00a763 36%,#a66d0c 65%,#e1a728 82%,#a11330);box-shadow:0 0 11px #00935738}.trade-status-rows i.paid{background:#00b56a;box-shadow:0 0 7px #00b56a7a}.trade-status-rows i.pending{background:#d17b17;box-shadow:0 0 7px #d17b176b}.trade-status-rows i.overdue{background:#e12345;box-shadow:0 0 8px #e1234585}.trade-bar-panel{border-color:#2342b366!important}.trade-due-panel{border-color:#c86f136b!important}.trade-watch-panel{border-color:#ab14307a!important}.trade-bar-panel:before{opacity:.92;background:linear-gradient(90deg,#b8750a,#244fc5,#661590,#0000 92%);height:2px}.trade-due-panel:before{opacity:.92;background:linear-gradient(90deg,#d2961c,#ce4f12,#8e102a,#0000 92%);height:2px}.trade-watch-panel:before{opacity:.92;background:linear-gradient(90deg,#d29a1e,#d6193c,#5a1487,#0000 92%);height:2px}.mini-panel-head>strong{color:#e0a623;text-shadow:0 0 12px #d28f1433}.trade-bars i{background:linear-gradient(#245bc9,#10235b)}.trade-bars i:nth-child(2):not(.current){background:linear-gradient(#7131b2,#34115d)}.trade-bars i:nth-child(3):not(.current){background:linear-gradient(#d91c40,#6d0a20)}.trade-bars i:nth-child(4):not(.current){background:linear-gradient(#007f4c,#003d25)}.trade-bars i:nth-child(5):not(.current){background:linear-gradient(#d56b12,#6d2c07)}.trade-bars i.current{background:linear-gradient(#e8b633,#a9680b 72%,#4d2b03);box-shadow:0 -5px 17px #d0891152}.trade-compact-list .today-due-row{background:linear-gradient(110deg,#a035091f,#08080b 42%);border-color:#ca600e4a}.trade-compact-list .list-row{background:linear-gradient(110deg,#8b0c2621,#08080b 42%);border-color:#b114324f}.trading-dashboard .today-avatar,.trading-dashboard .avatar{background:linear-gradient(145deg,#721c9c,#a81036)}.trading-dashboard .today-avatar.amber,.trading-dashboard .avatar.amber{background:linear-gradient(145deg,#b46d0e,#9a2e0e)}.trading-dashboard .today-avatar.ruby,.trading-dashboard .avatar.ruby{background:linear-gradient(145deg,#bd1538,#651020)}.trading-dashboard .today-avatar.sapphire,.trading-dashboard .avatar.sapphire{background:linear-gradient(145deg,#214ec2,#14266d)}.trading-dashboard .status.paid{color:#22d184;background:#006f4329}.trade-clear>span{color:#20c77b;background:#006f431a;border-color:#00b8694d;box-shadow:0 0 12px #009a5b1f}.bottom-nav{background:linear-gradient(#10090d,#030304 70%);border-top-color:#ca89147a;box-shadow:0 -15px 38px #75091f2e}.bottom-nav button.active{color:#e0aa28;text-shadow:0 0 12px #d390154a}.bottom-nav .nav-add{background:linear-gradient(145deg,#e8b83a,#b8720d 58%,#70152a);border-color:#f1be44bd;box-shadow:0 0 27px #cd89124f,0 13px 28px #00000070}}.status.paid{color:#20ce80;background:#006f4329}.calendar-day.paid{color:#20c87a;background:#006f4321;border-color:#00b86966}.calendar-legend i.paid{background:#00b96b;box-shadow:0 0 8px #00b96b85}.dashboard-screen .calendar-day.paid b{color:#03120b;background:#00b96b;box-shadow:0 0 8px #00b96b7a}.contract-progress i{background:linear-gradient(90deg,#173fae,#006a40 38%,#bd7c0b 72%,#a0122f)}.contract-analytics-hero{padding:18px;display:block}.contract-ring-grid{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid;position:relative}.contract-ring-card{text-align:center;background:linear-gradient(145deg,#101a3b,#090f27);border:1px solid #4270db4d;border-radius:19px;grid-template-rows:auto auto;grid-template-columns:1fr;align-content:center;place-items:center;gap:11px;min-width:0;min-height:238px;padding:14px 16px 16px;display:grid;box-shadow:inset 0 1px #ffffff09,0 13px 28px #00041340}.contract-ring-card.main{background:radial-gradient(circle at 50% 24%,#ecae2521,#0000 12rem),linear-gradient(145deg,#211907,#0d1024 72%);border-color:#e7ae2a73}.contract-data-ring{--track:#1c2a51;background:conic-gradient(from -35deg,#347cff 0,#31d8ff var(--progress),var(--track) var(--progress) 360deg);border-radius:50%;place-items:center;width:108px;height:108px;padding:10px;display:grid;box-shadow:0 0 25px #2d74ff30,inset 0 0 0 1px #759fff24}.contract-ring-card.main .contract-data-ring{background:conic-gradient(from -35deg,#ffe477 0,#d99118 var(--progress),#2d250e var(--progress) 360deg);width:132px;height:132px;padding:12px;box-shadow:0 0 31px #db971840,inset 0 0 0 1px #ffe8852e}.contract-data-ring.installment{background:conic-gradient(from -35deg,#8b5cff 0,#e64c85 var(--progress),#2a1d43 var(--progress) 360deg)}.contract-data-ring.count{background:conic-gradient(from -35deg,#ff8a3d 0,#ffd04a var(--progress),#32230f var(--progress) 360deg)}.contract-data-ring>div{text-align:center;background:radial-gradient(circle at 40% 28%,#172552,#070d22 70%);border:1px solid #ffffff13;border-radius:50%;place-content:center;width:100%;height:100%;display:grid}.contract-ring-card.main .contract-data-ring>div{background:radial-gradient(circle at 40% 28%,#2a210e,#090b17 72%)}.contract-data-ring strong,.contract-data-ring small{display:block}.contract-data-ring strong{color:#f7f9ff;font-size:28px;line-height:.95}.contract-ring-card.main .contract-data-ring strong{color:#ffd95d;font-size:37px}.contract-data-ring small{color:#86a6e7;margin-top:5px;font-size:10px}.contract-ring-card.main .contract-data-ring small{color:#cda943}.contract-ring-copy{width:100%;min-width:0}.contract-ring-copy small,.contract-ring-copy strong,.contract-ring-copy span,.contract-ring-copy em{overflow-wrap:anywhere;max-width:100%;display:block}.contract-ring-copy small{color:#7896d4;font-size:11px;line-height:1.25}.contract-ring-copy strong{color:#fff;margin:5px 0;font-size:clamp(21px,2.3vw,29px);line-height:1.05}.contract-ring-card.main .contract-ring-copy strong{color:#ffd34f;font-size:clamp(24px,2.8vw,34px)}.contract-ring-copy span{color:#9aaada;font-size:10px;line-height:1.3}.contract-ring-copy em{color:#ffb448;margin-top:7px;font-size:10px;font-style:normal;line-height:1.3}.due-actions{grid-template-columns:1fr .76fr;gap:9px;display:grid}.skip-installment-button{color:#ffd36a;background:linear-gradient(145deg,#2b1808,#140d09);border:1px solid #ffb0307a}.skip-installment-button:disabled{opacity:.35}.contract-complete-card{text-align:left;justify-content:center;align-items:center;gap:14px;display:flex}.contract-complete-card>span{color:#2cdaa1;background:#14a7751a;border:1px solid #29d39761;border-radius:50%;place-items:center;width:52px;height:52px;font-size:24px;display:grid}.contract-complete-card h3{color:#f8f9ff;margin:2px 0}.contract-complete-card small{color:#7181aa}.status.waived{color:#ffc759;background:#b46f1026}.timeline.waived{color:#ffc85a;background:#aa630724;border-color:#ffbb4573}.installment-list .list-row.waived{background:linear-gradient(90deg,#b1680921,#0c1127f5)}.installment-list .list-row.waived .row-money>strong{color:#ffc75b}.installment-filters{flex-wrap:wrap;gap:7px;margin:0 0 10px;display:flex}.installment-filters button{color:#8296c7;background:#0d1531;border:1px solid #385cb24d;border-radius:999px;padding:7px 13px;font-size:10px}.installment-filters button.active{color:#211500;background:linear-gradient(145deg,#ffe16a,#d99b20);border-color:#ffc43d94;box-shadow:0 0 14px #dc981829}.installment-pagination{grid-template-columns:110px 1fr 110px;align-items:center;gap:10px;margin-top:11px;display:grid}.installment-pagination button{color:#afc1ef;background:#0c1531;border:1px solid #3d62bb4f;border-radius:10px;min-height:38px}.installment-pagination button:disabled{opacity:.28}.installment-pagination span{color:#e8edff;text-align:center;font-size:11px}.installment-pagination small{color:#6e82b4;margin-top:2px;font-size:8px;display:block}.skip-confirmation{background:linear-gradient(145deg,#5c330533,#0c1125f2);border:1px solid #efab2c59;border-radius:16px;align-items:flex-start;gap:13px;padding:14px;display:flex}.skip-confirmation>span,.waived-installment-detail>span{color:#1d1100;background:linear-gradient(145deg,#ffe06b,#e59e22);border-radius:15px;flex:none;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.skip-confirmation strong,.skip-confirmation p{display:block}.skip-confirmation strong{color:#ffe08a;font-size:15px}.skip-confirmation p{color:#9cacd2;margin:4px 0 0;font-size:11px;line-height:1.5}.skip-summary{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px;display:grid}.skip-summary span{text-align:center;background:#0b132c;border:1px solid #4163b63d;border-radius:12px;padding:10px}.skip-summary small,.skip-summary strong{display:block}.skip-summary small{color:#7288bd;font-size:8px}.skip-summary strong{color:#f6f8ff;margin-top:2px;font-size:13px}.button-skip-confirm{color:#1c1100;background:linear-gradient(145deg,#ffe16b,#d88e18);border:1px solid #ffd86973}.waived-installment-detail{background:#10142b;border:1px solid #e19f2354;border-radius:16px;grid-template-columns:52px 1fr;gap:12px;padding:15px;display:grid}.waived-installment-detail>span{grid-row:1/3}.waived-installment-detail strong{color:#ffd66d}.waived-installment-detail p{color:#8396c5;margin:4px 0 0;font-size:11px;line-height:1.5}.undo-skip-button{color:#ffc965;background:#7f480726;border:1px solid #ffb43557}.portfolio-balance-card{background:linear-gradient(110deg,#b06d0b1a,#080a12 48%);border:1px solid #d1972540;border-radius:10px;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:9px;min-width:0;margin-top:7px;padding:7px 9px;display:grid}.portfolio-balance-donut{background:conic-gradient(#e1aa2a 0 var(--progress),#25243a var(--progress) 100%);border-radius:50%;place-items:center;width:58px;height:58px;padding:6px;display:grid}.portfolio-balance-donut>div{text-align:center;background:#090d1c;border-radius:50%;place-content:center;width:100%;height:100%;display:grid}.portfolio-balance-donut strong,.portfolio-balance-donut small,.portfolio-balance-card>div:last-child>*{display:block}.portfolio-balance-donut strong{color:#ffd356;font-size:13px}.portfolio-balance-donut small{color:#786a43;font-size:5px}.portfolio-balance-card>div:last-child{min-width:0}.portfolio-balance-card>div:last-child small{color:#7886ad;font-size:6px}.portfolio-balance-card>div:last-child strong{color:#f2cc50;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.portfolio-balance-card>div:last-child span{color:#5f6d91;text-overflow:ellipsis;white-space:nowrap;font-size:5px;overflow:hidden}@media (orientation:landscape) and (min-width:900px){.trade-portfolio-panel{padding:10px 12px}.trade-donut-row{grid-template-columns:88px 1fr;gap:10px;margin-top:6px}.trade-donut{width:84px;height:84px;padding:8px}.trade-donut strong{font-size:28px}.trade-received strong{font-size:21px}.trade-progress{margin:6px 0}.trade-status-rows>span{padding:4px 8px}}@media (max-width:899px){.contract-ring-grid{grid-template-columns:1fr 1fr}.contract-ring-card.main{grid-column:1/-1}}@media (max-width:620px){.contract-analytics-hero{padding:11px}.contract-ring-grid{grid-template-columns:1fr;gap:8px}.contract-ring-card.main{grid-column:auto}.contract-ring-card{text-align:left;grid-template-rows:1fr;grid-template-columns:96px minmax(0,1fr);min-height:132px;padding:11px}.contract-ring-card.main .contract-data-ring{width:112px;height:112px}.contract-data-ring{width:92px;height:92px}.contract-ring-card.main .contract-data-ring strong{font-size:31px}.contract-ring-copy strong,.contract-ring-card.main .contract-ring-copy strong{font-size:20px}.due-actions{grid-template-columns:1fr}.installment-pagination{grid-template-columns:82px 1fr 82px}}:root{--ivory:#090e22;--paper:#111630;--line:#345cbe47;--cyan:#34d5f4;--gold:#ffc43d}html,body{background:#080d20}.app-surface{background:#0a1026;box-shadow:0 0 72px #14368c29}.customers-screen,.detail-screen{background:radial-gradient(circle at 88% 0,#2563eb1a,#0000 27rem),linear-gradient(#0d132b,#090e22)}.customers-screen .search-box,.customers-screen .list-card,.customers-screen .contract-card,.detail-screen .list-card,.detail-screen .due-card,.detail-screen .contract-hero{background:linear-gradient(145deg,#121936,#0d1229);border-color:#3e60b74d}@media (orientation:landscape) and (min-width:900px){.dashboard-screen.trading-dashboard{color:#f3f6ff;background:linear-gradient(#36519506 1px,#0000 1px) 0 0/38px 38px,linear-gradient(90deg,#36519506 1px,#0000 1px) 0 0/38px 38px,radial-gradient(circle at 82% -8%,#2563eb24,#0000 31rem),linear-gradient(#0d132b 0%,#0a0f24 100%);gap:9px}.trade-header{background:linear-gradient(105deg,#142852,#142143 48%,#111a39);border-color:#203b7c;border-radius:7px;box-shadow:inset 0 -2px #1e64e07a,inset 0 1px #719dff14,0 8px 18px #03071638}.trade-header:after{opacity:.72;height:1px;box-shadow:none;background:linear-gradient(90deg,#246bff,#28c9f0 42%,#2d62df 72%,#0000);bottom:-1px;left:0;right:0}.trade-brand>button{color:#7596e8}.trade-logo{color:#eef6ff;background:linear-gradient(145deg,#3d74ff,#2449c7);border:0;border-radius:7px;box-shadow:0 5px 12px #2552d64d}.trade-brand strong{color:#f7f9ff;text-shadow:none;letter-spacing:-.01em}.trade-brand small{color:#6584c3}.trade-session>span{color:#39d6f3;background:#1ea7c814;border-color:#2fd3ee47}.trade-session i{background:#33d4f2;box-shadow:0 0 7px #33d4f28c}.trade-session small{color:#7785a8}.trade-workspace{color:#eef4ff;background:#0f1731;border-color:#273760;box-shadow:inset 0 1px #ffffff06}.trade-workspace small{color:#64749b}.trade-workspace b{color:#45d6f2}.trade-settings{color:#7893cf;background:#0f1731;border-color:#273760}.trade-kpi-strip{background:#182243;border-color:#182243;border-radius:7px;box-shadow:0 8px 19px #03071633}.trade-kpi-strip article{color:#38d4f2;background:#0f1530;grid-template-rows:auto auto auto;grid-template-columns:32px minmax(0,1fr);align-content:center;column-gap:9px;padding:8px 12px;box-shadow:inset 0 1px #ffffff05}.trade-kpi-strip article:before{z-index:auto;color:#fff;opacity:1;filter:none;background:#2868ed;border-radius:8px;grid-area:1/1/4;place-items:center;width:29px;height:29px;font-size:12px;font-weight:800;display:grid;position:static;box-shadow:inset 0 1px #ffffff3d,0 5px 12px #00000029}.trade-kpi-strip article:first-child:before{content:"▦";background:linear-gradient(145deg,#32ce9a,#149a70)}.trade-kpi-strip article:nth-child(2):before{content:"฿";background:linear-gradient(145deg,#ffd34d,#e6a51b)}.trade-kpi-strip article:nth-child(3):before{content:"◔";background:linear-gradient(145deg,#ff764b,#e34c2d)}.trade-kpi-strip article:nth-child(4):before{content:"◷";background:linear-gradient(145deg,#20d0ab,#079577)}.trade-kpi-strip article:nth-child(5):before{content:"!";background:linear-gradient(145deg,#6ba8ff,#3d72cf)}.trade-kpi-strip small,.trade-kpi-strip strong,.trade-kpi-strip em{grid-column:2}.trade-kpi-strip article:after{opacity:.74;height:2px;box-shadow:none;border-radius:2px;left:11px;right:11px}.trade-kpi-strip article:first-child,.trade-kpi-strip article:nth-child(2),.trade-kpi-strip article:nth-child(3),.trade-kpi-strip article:nth-child(4),.trade-kpi-strip article:nth-child(5),.trade-kpi-strip article.primary{color:#36d5f5;background:#0f1530;box-shadow:inset 0 1px #ffffff05}.trade-kpi-strip article:first-child:after{background:#22c994}.trade-kpi-strip article:nth-child(2):after{background:#ffc43d}.trade-kpi-strip article:nth-child(3):after{background:#ff6842}.trade-kpi-strip article:nth-child(4):after{background:#1fcaa7}.trade-kpi-strip article:nth-child(5):after{background:#ef476f}.trade-kpi-strip article small{color:#f0f3fb;letter-spacing:.06em;font-size:6px}.trade-kpi-strip article strong,.trade-kpi-strip article.primary strong,.trade-kpi-strip article.risk strong{color:#38d5f4;text-shadow:none;margin-top:1px;font-size:20px}.trade-kpi-strip article.primary strong{font-size:22px}.trade-kpi-strip em{color:#7e88a5;margin-top:2px}.trade-chart-panel,.trade-portfolio-panel,.trade-bottom-grid>section{background:#101630;border-color:#171f3f;border-radius:7px;box-shadow:inset 0 1px #ffffff05,0 9px 19px #03071630}.trade-chart-panel:before,.trade-portfolio-panel:before,.trade-bar-panel:before,.trade-due-panel:before,.trade-watch-panel:before{opacity:.96;height:2px;box-shadow:none;background:linear-gradient(90deg,#3d6cff 0 38px,#0000 38px calc(100% - 7px),#3d6cff calc(100% - 7px));left:14px;right:14px}.trade-panel-head h2,.mini-panel-head h3{color:#f2f4fc}.trade-panel-head p,.mini-panel-head p{color:#8190b3}.chart-period{background:#0b1025;border-color:#252e50;border-radius:5px}.chart-period button{color:#7581a0}.chart-period button.active{color:#f7f9ff;box-shadow:none;background:#255bd2}.trade-chart-summary>strong{color:#38d5f4;text-shadow:none}.trade-chart-summary .positive{color:#19c893;background:#19c89317}.trade-chart-summary .negative{color:#ff5c79;background:#ff476f17}.trade-line-stage{background:repeating-linear-gradient(0deg,#0000 0 38px,#5367a11a 39px 40px)}.trade-point{fill:#101630;stroke:#2c72f1;filter:none}.trade-point.current{fill:#ffc43d;stroke:#ffe591;filter:drop-shadow(0 0 5px #ffc43d66)}.trade-y-axis,.trade-month-labels{color:#6d7899}.trade-value-labels span:last-child,.trade-chart-panel footer span:last-child strong{color:#ffc43d;text-shadow:none}.trade-chart-panel footer{border-top-color:#20294a}.trade-chart-panel footer span{border-left-color:#20294a}.trade-chart-panel footer strong{color:#9ca9c6}.health-dot{color:#26c99a;background:#22c99414;border-color:#22c9944d}.trade-donut{background:conic-gradient(#286cf0 0 var(--progress),#ffc43d var(--progress) calc(var(--progress) + 9deg),#222946 calc(var(--progress) + 9deg) 100%);box-shadow:inset 0 0 0 1px #587bd21f,0 11px 22px #04071440}.trade-donut>div{background:#0d132a;border-color:#242e50}.trade-donut strong{color:#f4f7ff;text-shadow:none}.trade-received strong{color:#38d5f4;text-shadow:none}.trade-progress{background:#232b48}.trade-progress i{box-shadow:none;background:linear-gradient(90deg,#286cf0,#35d3f2 62%,#ffc43d)}.trade-status-rows{background:#202849;border-color:#202849}.trade-status-rows>span{background:#0e142d}.trade-status-rows i.paid{box-shadow:none;background:#1bc895}.trade-status-rows i.pending{box-shadow:none;background:#ffc43d}.trade-status-rows i.overdue{box-shadow:none;background:#ef476f}.trade-bar-panel,.trade-due-panel,.trade-watch-panel{border-color:#171f3f!important}.mini-panel-head>strong{color:#38d5f4;text-shadow:none}.trade-bars{border-bottom-color:#20294a}.trade-bars i{box-shadow:none;background:linear-gradient(#2c71ef,#2154bb)}.trade-bars i:nth-child(2):not(.current){background:linear-gradient(#34d2ef,#1686b5)}.trade-bars i:nth-child(3):not(.current){background:linear-gradient(#416df0,#2b49a8)}.trade-bars i:nth-child(4):not(.current){background:linear-gradient(#29c9a2,#137d68)}.trade-bars i:nth-child(5):not(.current){background:linear-gradient(#8d74e8,#5945aa)}.trade-bars i.current{background:linear-gradient(#ffd35c,#e6a51c);box-shadow:0 -4px 12px #ffc43d2e}.trade-compact-list .today-due-row,.trade-compact-list .list-row{background:#0d132a;border-color:#20294a}.trading-dashboard .today-avatar,.trading-dashboard .avatar{background:linear-gradient(145deg,#2d6ff0,#6454d7)}.trading-dashboard .today-avatar.amber,.trading-dashboard .avatar.amber{background:linear-gradient(145deg,#ffc43d,#e28820)}.trading-dashboard .today-avatar.ruby,.trading-dashboard .avatar.ruby{background:linear-gradient(145deg,#ef476f,#b6264b)}.trading-dashboard .today-avatar.sapphire,.trading-dashboard .avatar.sapphire{background:linear-gradient(145deg,#35d3f2,#2b67dc)}.trading-dashboard .status.paid{color:#25ca99;background:#19c8931a}.trade-clear>span{color:#26c99a;box-shadow:none;background:#26c99a14;border-color:#26c99a4d}.bottom-nav{background:#090e20fa;border-top-color:#1c2b58;box-shadow:0 -9px 20px #0307163d}.bottom-nav button{color:#64718f}.bottom-nav button.active{color:#38d5f4;text-shadow:none}.bottom-nav .nav-add{color:#17203d;background:linear-gradient(145deg,#ffd45b,#edae25);border-color:#ffd35cc7;box-shadow:0 7px 18px #0408184d}.dashboard-screen.trading-dashboard{grid-template-rows:58px 82px 304px 172px}.trade-brand strong{color:#fff;font-size:18px;font-weight:800}.trade-brand small{color:#86a7e8;margin-top:2px;font-size:6.5px}.trade-session>span{font-size:7.5px}.trade-session small{color:#a9b6d3;font-size:8.5px}.trade-workspace small{color:#8ea0c7;font-size:6.5px}.trade-workspace strong{color:#fff;font-size:10px}.trade-kpi-strip article{padding:8px 12px}.trade-kpi-strip article:before{width:32px;height:32px;font-size:14px}.trade-kpi-strip article small{color:#f7f9ff;font-size:8.5px;font-weight:800}.trade-kpi-strip article strong,.trade-kpi-strip article.primary strong{color:#40dcfb;margin-top:2px;font-size:24px;font-weight:800;line-height:.92}.trade-kpi-strip article.primary strong{color:#ffd35a;font-size:26px}.trade-kpi-strip article.risk strong{color:#ff6683}.trade-kpi-strip article em{color:#a3afc9;margin-top:4px;font-size:7.5px;font-weight:600}.trade-panel-head p,.mini-panel-head p{color:#80a5ef;font-size:7.5px;font-weight:800}.trade-panel-head h2{color:#fff;font-size:17px;font-weight:800}.chart-period button{font-size:7.5px;font-weight:700}.trade-chart-summary>strong{color:#42dcfa;font-size:27px;font-weight:800}.trade-chart-summary>span{font-size:7.5px;font-weight:700}.trade-y-axis{color:#9aa9ca}.trade-y-axis span{font-size:7.5px;font-weight:600}.trade-value-labels{color:#9caed4}.trade-value-labels span{font-size:7.5px;font-weight:700}.trade-value-labels span:last-child{color:#ffd45c}.trade-month-labels{color:#9cacca}.trade-month-labels span{font-size:7.5px;font-weight:600}.trade-chart-panel footer small{color:#8596ba;font-size:6.5px;font-weight:700}.trade-chart-panel footer strong{color:#c8d2e8;font-size:9.5px}.trade-chart-panel footer span:last-child strong{color:#ffd45c}.health-dot{font-size:6.5px;font-weight:800}.trade-donut strong{color:#fff;font-size:40px;font-weight:800}.trade-donut small{color:#a9b5d1;font-size:9px}.trade-received small{color:#aab6d0;font-size:8.5px;font-weight:700}.trade-received strong{color:#42dcfa;font-size:29px;font-weight:800}.trade-received span{color:#909dbd;font-size:7.5px}.trade-status-rows small{color:#aeb9d0;font-size:7.5px;font-weight:600}.trade-status-rows strong{color:#f4f7ff;font-size:9px}.trade-status-rows em{color:#9ca8c3;font-size:6.5px;font-weight:700}.mini-panel-head h3{color:#fff;font-size:13px;font-weight:800}.mini-panel-head>span,.mini-panel-head button{color:#a7b4cf;font-size:7.5px}.mini-panel-head>strong{color:#42dcfa;font-size:25px;font-weight:800}.trade-bars b{color:#c7d3ed;font-size:6.5px;font-weight:700}.trade-bars small{color:#94a2c0;font-size:6.5px;font-weight:600}.trade-compact-list .today-customer strong,.trade-compact-list .row-copy strong{color:#fff;font-size:9.5px;font-weight:800}.trade-compact-list .today-customer small,.trade-compact-list .row-copy small{color:#9facc7;font-size:6.5px}.trade-compact-list .today-payment>strong,.trade-compact-list .row-money>strong{color:#f5f8ff;font-size:10px}.trade-compact-list .status{font-size:6px;font-weight:800}.trade-clear strong{color:#e7ecf8;font-size:9.5px}.trade-clear small{color:#9ca8c1;font-size:6.5px}.bottom-nav button small{color:currentColor;font-size:10px;font-weight:700}}.login-screen,.workspace-screen{background:linear-gradient(#36519506 1px,#0000 1px) 0 0/38px 38px,linear-gradient(90deg,#36519506 1px,#0000 1px) 0 0/38px 38px,radial-gradient(circle at 86% 4%,#2563eb29,#0000 29rem),linear-gradient(#0d132b,#080d20)}.login-card{background:#0f1530;border-color:#203b7c;border-radius:12px;box-shadow:0 28px 70px #02061685}.login-visual{background:linear-gradient(145deg,#142852,#111a39 64%,#0c1530)}.login-visual:after{opacity:.22;background:repeating-linear-gradient(120deg,#0000 0 29px,#366cf017 30px 31px)}.brand-seal{color:#eff5ff;background:linear-gradient(145deg,#386dec,#2546ae);border-color:#4779e9;box-shadow:0 8px 22px #153a9e52}.gold-orbit{border-color:#376fee52}.orbit-one{box-shadow:0 0 0 25px #265cda0b,0 0 0 52px #265cda06}.visual-ring{background:conic-gradient(#2b6cf0 0 55%,#34d3f2 55% 75%,#ffc43d 75% 100%)}.visual-ring div{background:#0e1530}.visual-ring strong{color:#41dafa}.visual-ring small{color:#a8b6d3}.visual-bars i{background:linear-gradient(#3578f4,#2348af)}.visual-bars i:nth-child(2){background:linear-gradient(#36d5f2,#1988b4)}.visual-bars i:nth-child(3){background:linear-gradient(#ffc94a,#d38f1a)}.visual-bars i:nth-child(4){background:linear-gradient(#22c99a,#118467)}.visual-bars i:nth-child(5){background:linear-gradient(#ef5b7b,#ac294e)}.login-content{background:#0f1530}.login-content .overline{color:#48d7f3}.login-content h1{color:#fff;text-shadow:0 0 22px #2f74f029}.login-content .lead,.fine-print{color:#a1afcb}.login-content .form-stack label{color:#edf3ff}.password-control{background:#0b1025;border-color:#2a3964}.password-control input{color:#fff;background:0 0}.password-control button{color:#4fd9f5}.workspace-shell{background:linear-gradient(145deg,#111936,#0b1025);border-color:#203b7c;border-radius:12px;box-shadow:0 28px 72px #02061680}.workspace-shell:before{border-color:#396fea40;box-shadow:0 0 0 32px #2563eb09,0 0 0 70px #2563eb05}.workspace-brand{color:#fff}.workspace-logo{color:#fff;background:linear-gradient(145deg,#3b72f2,#2449bd);border-color:#4779e9;box-shadow:0 8px 20px #1d43b34d}.workspace-intro .overline{color:#43d6f3}.workspace-intro h1{color:#fff}.workspace-intro>p:last-child{color:#a3afc9}.workspace-option{background:#0e142d;border-color:#26365f;border-radius:9px;box-shadow:inset 0 1px #ffffff05}.workspace-option:hover{border-color:#3d6dda}.workspace-option.gold:hover,.workspace-option.cyan:hover{border-color:#4779e9;box-shadow:0 9px 22px #10328b26}.workspace-avatar{background:linear-gradient(145deg,#ffc94a,#e59e1d);border-radius:8px;box-shadow:0 6px 15px #c785112e}.workspace-option.cyan .workspace-avatar{background:linear-gradient(145deg,#45dcf8,#2c69e8);box-shadow:0 6px 15px #2270cd2e}.workspace-name small{color:#7697da}.workspace-name strong{color:#fff}.workspace-name em{color:#95a3c0}.workspace-option>b,.workspace-option.cyan>b{color:#44d6f3}.workspace-security{background:#19c89312;border-color:#20c89640;border-radius:8px}.workspace-security>span{color:#061b15;background:#26c99a}.workspace-security strong{color:#eaf4f1}.workspace-security small{color:#91aaa3}.compact-brandbar{background:linear-gradient(105deg,#142852,#111a39);border:1px solid #203b7c;border-radius:7px;padding:0 12px;box-shadow:inset 0 -2px #1e64e06b}.compact-back,.compact-more{color:#8eaae9}.compact-wordmark{color:#fff}.compact-wordmark .wing-fallback{color:#3e75ef}.screen-titlebar .overline,.contract-number-line small,.content-section .overline{color:#48d7f3}.screen-titlebar h2,.customer-identity h2,.section-heading h3{color:#fff}.add-button{color:#18213e;background:linear-gradient(145deg,#ffd45b,#e9a923);border:1px solid #ffd35ca3;box-shadow:0 7px 17px #05091940}.search-box{background:#0d132a;border-color:#26365f;border-radius:9px}.search-box>span{color:#43d6f3}.search-box input{color:#fff}.search-box input::placeholder{color:#71809f}.search-box button{color:#9ba9c5;background:#1a2341}.filter-pills button{color:#a4b0c9;background:#0e142d;border-color:#26365f}.filter-pills button.active{color:#fff;box-shadow:none;background:#265bd0;border-color:#3c71e9}.contract-card{background:#101630;border-color:#20294a;border-radius:9px;box-shadow:0 9px 22px #03071633}.contract-card:hover{border-color:#345ebf;box-shadow:0 11px 25px #03071642}.contract-card .row-copy strong,.contract-card .contract-stats strong,.contract-card .plot-meta strong{color:#fff}.contract-card .row-copy small,.contract-card .contract-stats small,.contract-card .plot-meta{color:#9ca9c4}.quick-payment-button{color:#ecf3ff;background:#0d132a;border-color:#26365f}.quick-payment-button>span{color:#061b15;background:#26c99a}.quick-payment-button.overdue>span{color:#fff;background:#ef476f}.quick-payment-button.partial>span{color:#211504;background:#ffc43d}.mini-ring span{color:#eef3ff;background:#0e142d}.contract-number-line strong{color:#9eb7ec}.customer-identity p{color:#9daac4}.customer-identity a{color:#52d8f4;background:#111a35;border-color:#2c447b}.contract-hero{background:radial-gradient(circle at 92% 0,#2563eb26,#0000 38%),linear-gradient(145deg,#142044,#0d142e);border-color:#2b4d98;border-radius:10px;box-shadow:0 14px 32px #03071647}.contract-balance span,.contract-balance small{color:#a8b5cf}.contract-balance strong{color:#42dcfa}.hero-stats strong{color:#fff}.hero-stats small{color:#9daac4}.due-card{background:#101630;border-color:#253967;border-radius:9px;box-shadow:0 10px 24px #03071636}.due-card h3,.due-amount strong{color:#fff}.date-medallion{color:#1a1304;background:linear-gradient(145deg,#ffd65e,#e6a11d);border-color:#ffd35cb8;box-shadow:0 6px 15px #ab700d2b}.due-amount{border-top-color:#26304f}.due-amount span,.available-note,.locked-note{color:#9ca9c4}.button-dark{color:#fff;background:linear-gradient(100deg,#245bcf,#1b438f);border-color:#3470e6;box-shadow:0 7px 17px #091f5c36}.count-chip{color:#b9c7e2;background:#1a2341}.installment-list{background:#101630;border-color:#20294a}.installment-list .list-row{border-bottom-color:#20294a}.installment-list .row-copy strong,.installment-list .row-money>strong{color:#fff}.installment-list .row-copy small{color:#98a6c2}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030716d1}.bottom-sheet{background:#0e142d;border-color:#294687;border-radius:12px 12px 0 0;box-shadow:0 -20px 54px #02061694}.sheet-handle{background:#365dac}.bottom-sheet>header{border-bottom:1px solid #20294a;padding-bottom:14px}.bottom-sheet>header h2{color:#fff}.bottom-sheet>header p{color:#9daac4}.bottom-sheet>header button{color:#c9d4e8;background:#151d38;border-color:#2a3963}.amount-panel{background:linear-gradient(145deg,#142145,#101630);border-color:#2b4c97;border-radius:9px}.amount-panel span,.amount-panel small{color:#aab6d0}.amount-panel strong{color:#42dcfa}.form-stack label{color:#edf3ff}.form-stack input{color:#fff;background:#0a1025;border-color:#2a3963;border-radius:8px}.form-stack input::placeholder{color:#657493}.form-stack input:focus{border-color:#3d73ea;box-shadow:0 0 0 3px #3d73ea21}.form-stack input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.field-help{color:#7f91b8;margin-top:4px;font-size:8px;font-weight:400;display:block}.installment-auto-date{background:linear-gradient(105deg,#ffc53e1a,#101630 48%);border:1px solid #2b4c97;border-left:4px solid #ffd45b;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:11px 13px;display:grid}.installment-auto-date span{color:#9faccc;letter-spacing:.06em;font-size:9px;font-weight:700}.installment-auto-date strong{color:#ffd45b;text-align:right;font-size:15px}.installment-auto-date small{color:#8192b3;grid-column:1/-1;font-size:9px}.slip-uploader{background:#2373bc12;border-color:#34d5f470;border-radius:9px}.slip-uploader>span{color:#071526;box-shadow:none;background:#3bd7f3}.slip-uploader strong{color:#eefaff}.slip-uploader small{color:#91a4c3}.slip-uploader.has-file{background:#19c89314;border-color:#26c99a}.button-gold{color:#1c1707;background:linear-gradient(100deg,#ffd65c,#e8a61e);box-shadow:0 8px 18px #03071640}.paid-receipt{background:#111936;border-color:#294687;border-radius:9px}.paid-receipt>span{color:#061b15;background:#26c99a}.paid-receipt p{color:#27c99a}.paid-receipt strong{color:#42dcfa}.paid-receipt small{color:#a1afc9}.receipt-slip-link{color:#55dcf6;background:#36d6f514;border:1px solid #36d6f566;border-radius:8px;justify-content:center;align-items:center;margin-top:14px;padding:9px 13px;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex}.paid-receipt .receipt-replace-button{color:#ffd45b;background:#ffc43d12;border-color:#ffcf4a61;margin:8px auto 0;display:block}.receipt-no-slip{margin-top:11px;color:#ff7991!important}.existing-slip-note{background:#111a37;border:1px solid #293b66;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px 11px;display:grid}.existing-slip-note span{color:#a8b7d3;font-size:9px}.existing-slip-note a,.existing-slip-note button{color:#5bdcf6;font:inherit;background:#132653;border:1px solid #356fe1;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:700;text-decoration:none}.existing-slip-note button{color:#ffd45b;cursor:pointer;background:#ffc43d14;border-color:#ffcf4a6b}.replace-slip-note{color:#aebcd6;background:#ffc43d12;border-left:3px solid #ffd45b;border-radius:7px;margin:0 0 12px;padding:10px 12px;font-size:10px;line-height:1.5}.settings-list{background:#101630;border-color:#20294a;border-radius:9px}.settings-list button{color:#fff;border-bottom-color:#20294a}.settings-list button>span{color:#15203e;background:linear-gradient(145deg,#ffd55c,#eba91f)}.settings-list small,.version{color:#95a3c0}.workspace-switch-item{background:#0e142d;border-color:#26365f;border-radius:9px}.workspace-switch-item>span{color:#14203d;background:#45d6f3}.workspace-switch-item small,.workspace-switch-note{color:#91a0bd}.workspace-switch-item strong{color:#fff}.workspace-switch-item.active{background:#19c89314;border-color:#26c99a59}.workspace-switch-item.active>span{background:#26c99a}.workspace-switch-item.active>b{color:#27c99a}.toast{color:#f0f6ff;background:#142044;border-color:#2d4f9d;box-shadow:0 12px 31px #0206166b}@media (orientation:landscape) and (min-width:900px){.login-card{grid-template-columns:.92fr 1.08fr;width:min(900px,100% - 64px);display:grid}.login-visual{height:auto;min-height:480px}.login-content{flex-direction:column;justify-content:center;padding:38px 42px;display:flex}.workspace-shell{width:min(760px,100% - 64px);padding:30px}.workspace-options{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-backdrop{align-items:center;padding:24px}.bottom-sheet{border-bottom:1px solid #294687;border-radius:12px;width:min(650px,100% - 48px);max-height:calc(100dvh - 48px);padding:13px 26px 28px}.installment-auto-date{padding:13px 15px}}.delete-customer-zone{grid-column:1/-1;justify-content:center;margin:20px 0 96px;display:flex}.delete-customer-button{color:#ff7e91;background:#ff385812;border:1px solid #ff4e676b;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-size:12px;font-weight:700;display:inline-flex}.delete-customer-button span{font-size:17px}.delete-customer-button:active{background:#ff385824;transform:translateY(1px)}.delete-warning{background:#ff375614;border:1px solid #ff4f694d;border-radius:12px;grid-template-columns:46px 1fr;align-items:start;gap:12px;margin-bottom:16px;padding:15px;display:grid}.delete-warning>span{color:#fff;background:#e63d59;border-radius:12px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:800;display:grid}.delete-warning strong{color:#fff;font-size:15px;display:block}.delete-warning p{color:#aebad1;margin:4px 0 0;font-size:11px;line-height:1.55}.delete-contract-form{gap:15px;display:grid}.delete-mode-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.delete-mode-card{cursor:pointer;background:linear-gradient(145deg,#152248f5,#09122afa);border:1px solid #2b467f;border-radius:12px;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:10px;min-width:0;padding:14px;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid;position:relative}.delete-mode-card:hover{transform:translateY(-1px)}.delete-mode-card input{opacity:0;pointer-events:none;position:absolute}.delete-mode-card .delete-mode-icon{color:#8eaaff;background:#12244c;border:1px solid #4264a5;border-radius:10px;place-items:center;width:36px;height:36px;font-size:17px;font-weight:800;display:grid}.delete-mode-card strong,.delete-mode-card small,.delete-mode-card b{display:block}.delete-mode-card strong{color:#f7f9ff;font-size:13px;line-height:1.35}.delete-mode-card small{color:#9facc5;margin-top:4px;font-size:10px;line-height:1.45}.delete-mode-card b{color:#55e6bd;letter-spacing:.04em;margin-top:8px;font-size:9px}.delete-mode-card:has(input:checked){border-color:#2bd6a8;box-shadow:inset 0 0 0 1px #2bd6a838,0 10px 24px #0003}.delete-mode-card:has(input:checked) .delete-mode-icon{color:#061c18;background:#38d7aa;border-color:#38e2b4}.delete-mode-card.permanent b{color:#ff8194}.delete-mode-card.permanent:has(input:checked){border-color:#f04c68;box-shadow:inset 0 0 0 1px #f04c6838,0 10px 24px #0003}.delete-mode-card.permanent:has(input:checked) .delete-mode-icon{color:#fff;background:#d93453;border-color:#f04c68}.delete-password-field{gap:7px;display:grid}.delete-password-field>span{color:#eef4ff;font-size:12px;font-weight:700}.delete-password-field>div{background:#09142e;border:1px solid #355493;border-radius:11px;grid-template-columns:minmax(0,1fr) 68px;display:grid;overflow:hidden}.delete-password-field input{color:#fff;letter-spacing:.12em;background:0 0;border:0;outline:0;min-width:0;height:48px;padding:0 14px;font:700 17px Sarabun,sans-serif}.delete-password-field input:focus{box-shadow:inset 0 0 0 1px #f6bd2b}.delete-password-field button{color:#f5c84f;background:#13234a;border:0;border-left:1px solid #355493;font:700 11px Sarabun,sans-serif}.delete-password-field>small{color:#8796b5;font-size:10px}.delete-confirm-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.button-danger{color:#fff;background:linear-gradient(120deg,#e84760,#b82443);border:1px solid #e44460;box-shadow:0 9px 20px #a9173838}@media (max-width:620px){.delete-mode-list{grid-template-columns:1fr}.delete-mode-card{padding:12px}}.historical-payment-card{background:linear-gradient(110deg,#101d3e,#0d1733);border:1px solid #2a4d91;border-radius:11px;grid-column:1/-1;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:82px;padding:14px 16px;display:grid;box-shadow:inset 3px 0 #36d6f5,0 10px 25px #03071633}.historical-payment-icon{color:#10203a;background:linear-gradient(145deg,#5be3fa,#2c9be9);border-radius:13px;place-items:center;width:46px;height:46px;font-size:27px;font-weight:800;display:grid}.historical-payment-card p{color:#50d9f5;letter-spacing:.1em;margin:0 0 2px;font-size:8px;font-weight:700}.historical-payment-card h3{color:#fff;margin:0;font-size:18px}.historical-payment-card small{color:#9eacc7;margin-top:2px;font-size:10px;display:block}.historical-payment-card>button{color:#fff;background:#2459c8;border:1px solid #4277e2;border-radius:9px;min-width:112px;min-height:42px;padding:8px 12px;font-size:11px;font-weight:700}.historical-payment-card>button b{color:#7fe7fb;margin-left:8px}.historical-payment-card>button:disabled{color:#72809d;background:#151d35;border-color:#2a3655}.historical-payment-card.is-clear{border-color:#243657;box-shadow:inset 3px 0 #26c99a}.historical-payment-card.is-clear .historical-payment-icon{color:#061b15;background:#26c99a}.thai-start-month{grid-template-columns:1.35fr 1fr;gap:7px;margin-top:6px;display:grid}.thai-start-month select{color:#fff;width:100%;min-width:0;height:49px;font:inherit;background:#0a1025;border:1px solid #2a3963;border-radius:8px;outline:0;padding:0 10px;font-size:11px}.thai-start-month select:focus{border-color:#3d73ea;box-shadow:0 0 0 3px #3d73ea21}.thai-start-month select:last-of-type{color:#ffd45b;font-weight:700}.amount-panel.historical{background:linear-gradient(145deg,#ffbc291f,#101630);border-color:#ffc43d7a}.amount-panel.historical>span{color:#ffd45b;font-weight:700}.historical-calc-note,.historical-modal-note{color:#a9b9d5;background:#36d6f512;border-left:3px solid #36d6f5;border-radius:6px;margin:0 0 12px;padding:9px 11px;font-size:10px;line-height:1.5}.historical-installment-list{background:#0a1127;border:1px solid #24375f;border-radius:10px;max-height:58dvh;overflow-y:auto}.historical-installment-item{border-bottom:1px solid #202e50;grid-template-columns:minmax(0,1fr) 116px;align-items:stretch;display:grid}.historical-installment-item:last-child{border-bottom:0}.historical-pay-action{color:#fff;text-align:left;background:0 0;border:0;grid-template-columns:38px minmax(0,1fr) auto 12px;align-items:center;gap:10px;width:100%;min-height:66px;padding:9px 11px;display:grid}.historical-pay-action>span{color:#51d9f4;background:#13234a;border:1px solid #346fe0;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.historical-installment-list strong,.historical-installment-list small{display:block}.historical-installment-list strong{font-size:12px}.historical-installment-list small{color:#8799ba;margin-top:2px;font-size:9px}.historical-installment-list b{color:#ffd45b;font-size:11px}.historical-installment-list em{color:#5fdcf5;font-size:18px;font-style:normal}.historical-skip-action{color:#ffd168;background:linear-gradient(145deg,#834c0838,#351e0457);border:0;border-left:1px solid #e5a4274d;min-width:0;font-size:10px;font-weight:800}.historical-skip-action span{margin-bottom:3px;font-size:17px;display:block}.historical-empty{text-align:center;background:#10172f;border:1px solid #26395f;border-radius:10px;align-content:center;place-items:center;gap:4px;min-height:150px;margin-bottom:14px;display:grid}.historical-empty span{color:#061b15;background:#26c99a;border-radius:13px;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.historical-empty strong{color:#fff;font-size:14px}.historical-empty small{color:#8e9db9;font-size:10px}@media (max-width:560px){.delete-customer-zone{margin-bottom:86px}.delete-customer-button{width:100%}.historical-payment-card{grid-template-columns:44px minmax(0,1fr);padding:13px}.historical-payment-icon{width:42px;height:42px}.historical-payment-card>button{grid-column:1/-1;width:100%;min-height:40px}.historical-installment-item{grid-template-columns:1fr}.historical-pay-action{grid-template-columns:36px minmax(0,1fr) auto 10px;gap:8px}.historical-skip-action{border-top:1px solid #e5a4274d;border-left:0;min-height:40px}.historical-skip-action span{margin:0 5px 0 0;display:inline}}.customer-identity>.customer-identity-actions{flex:none;align-items:center;gap:8px;min-width:auto;display:flex}.customer-identity-actions a,.customer-identity-actions button{color:#52d8f4;min-height:36px;font:inherit;background:#111a35;border:1px solid #2c447b;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:8px 12px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.customer-identity-actions button{color:#ffd45b;background:linear-gradient(145deg,#ffc7331f,#57380529);border-color:#ffcc4385}.customer-identity-actions button:hover{background:#ffc6322e;border-color:#ffd45b}.customer-identity-actions button span{font-size:14px}.customer-identity-actions button.edit-locked,.customer-identity-actions button.edit-locked:hover{cursor:not-allowed;color:#8290aa;box-shadow:none;opacity:.84;background:#151c31;border-color:#34405f}.edit-financial-heading{background:linear-gradient(105deg,#ffc32b1c,#1016308c);border:1px solid #ffcc4357;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-top:3px;padding:12px 13px;display:flex}.edit-financial-heading small,.edit-financial-heading strong{display:block}.edit-financial-heading small{color:#ffd45b;letter-spacing:.08em;font-size:9px;font-weight:800}.edit-financial-heading strong{color:#fff;margin-top:2px;font-size:13px}.edit-financial-heading>span{color:#43d9ad;background:#26c99a14;border:1px solid #26c99a57;border-radius:99px;flex:none;padding:5px 8px;font-size:9px;font-weight:800}.edit-schedule-preview{background:#2c477d;border:1px solid #2c477d;border-radius:9px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.edit-schedule-preview>div{background:linear-gradient(145deg,#142044,#0d142e);min-width:0;padding:11px 13px}.edit-schedule-preview span,.edit-schedule-preview strong{display:block}.edit-schedule-preview span{color:#91a1c0;font-size:9px}.edit-schedule-preview strong{overflow-wrap:anywhere;color:#4bdcf7;margin-top:3px;font-size:17px}.edit-contract-summary{background:linear-gradient(145deg,#111936,#0b1128);border:1px solid #293d6d;border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;display:grid}.edit-contract-summary div{border-right:1px solid #26375e;min-width:0;padding-right:8px}.edit-contract-summary div:last-child{border-right:0;padding-right:0}.edit-contract-summary span,.edit-contract-summary strong{display:block}.edit-contract-summary span{color:#8f9ebd;font-size:9px}.edit-contract-summary strong{overflow-wrap:anywhere;color:#ffd45b;margin-top:3px;font-size:14px}.edit-contract-note{color:#a9b8d4;background:#26c99a12;border-left:3px solid #26c99a;border-radius:7px;align-items:flex-start;gap:8px;margin:0;padding:10px 11px;font-size:10px;line-height:1.55;display:flex}.edit-contract-note span{color:#071a15;background:#26c99a;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font-size:11px;font-weight:900;display:grid}.edit-contract-note.warning{color:#c7b98e;background:#ffb72414;border-left-color:#ffbf32}.edit-contract-note.warning span{color:#2d1b00;background:#ffc43d}@media (max-width:560px){.customer-identity{flex-wrap:wrap;align-items:flex-start}.customer-identity>div:not(.customer-identity-actions){min-width:calc(100% - 68px)}.customer-identity>.customer-identity-actions{flex:1 0 100%;width:100%}.customer-identity-actions a,.customer-identity-actions button{flex:1}.edit-contract-summary{grid-template-columns:1fr}.edit-contract-summary div{border-bottom:1px solid #26375e;border-right:0;padding:0 0 8px}.edit-contract-summary div:last-child{border-bottom:0;padding-bottom:0}.edit-financial-heading{align-items:flex-start}.edit-schedule-preview{grid-template-columns:1fr}}.trade-interest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;min-width:0;display:grid}.interest-analytics-card{background:radial-gradient(circle at 0,#3777ff1f,#0000 13rem),linear-gradient(145deg,#121b3a,#0b1129);border:1px solid #253d73;border-radius:14px;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:17px;min-width:0;min-height:132px;padding:15px 18px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 12px 29px #00031240}.interest-analytics-card.outstanding{background:radial-gradient(circle at 0,#ffae2221,#0000 13rem),linear-gradient(145deg,#201706,#0b1129 70%);border-color:#ffb82f59}.interest-analytics-donut{background:conic-gradient(from -35deg,#28d5ff 0,#3176ff var(--progress),#202d54 var(--progress) 360deg);border-radius:50%;place-items:center;width:98px;height:98px;padding:9px;display:grid;box-shadow:0 0 25px #269eff33}.outstanding .interest-analytics-donut{background:conic-gradient(from -35deg,#ffe36c 0,#e19a1d var(--progress),#352711 var(--progress) 360deg);box-shadow:0 0 25px #e8a32033}.interest-analytics-donut>div{text-align:center;background:radial-gradient(circle at 38% 25%,#1c2b58,#081026 72%);border-radius:50%;place-content:center;width:100%;height:100%;display:grid}.interest-analytics-donut strong,.interest-analytics-donut small,.interest-analytics-card>div:last-child>*{display:block}.interest-analytics-donut strong{color:#f3f7ff;text-overflow:ellipsis;white-space:nowrap;max-width:70px;font-size:20px;line-height:1;overflow:hidden}.interest-analytics-donut small{color:#81a7ed;margin-top:4px;font-size:7px}.interest-analytics-card>div:last-child{min-width:0}.interest-analytics-card p{color:#5f93ff;letter-spacing:.12em;margin:0 0 7px;font-size:8px;font-weight:900;line-height:1}.interest-analytics-card h3{color:#f8faff;margin:0 0 8px;font-size:16px;line-height:1.2}.interest-analytics-card>div:last-child>strong{overflow-wrap:anywhere;color:#41dcff;font-size:clamp(25px,3vw,38px);line-height:1}.interest-analytics-card.outstanding>div:last-child>strong{color:#ffd459}.interest-analytics-card>div:last-child>span{color:#8094c1;margin-top:6px;font-size:9px;line-height:1.4}.contract-ring-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contract-ring-card{text-align:left;grid-template-rows:1fr;grid-template-columns:112px minmax(0,1fr);align-content:center;gap:13px;min-height:176px;padding:14px}.contract-ring-card.main .contract-data-ring{width:118px;height:118px}.contract-data-ring{width:100px;height:100px}.contract-ring-card.main .contract-ring-copy strong{font-size:clamp(21px,2.1vw,28px)}.contract-ring-card.grand-total-card{background:radial-gradient(circle at 14%,#ffcd3a33,#0000 15rem),radial-gradient(circle at 96% 0,#e3467f1f,#0000 15rem),linear-gradient(115deg,#281c05,#14132b 58%,#151026);border-color:#ffd5539e;grid-column:1/-1;grid-template-columns:174px minmax(0,1fr);gap:24px;min-height:212px;padding:18px 30px;box-shadow:inset 0 1px #ffee962e,0 18px 36px #0004144f,0 0 30px #e1a11e17}.contract-ring-card.grand-total-card .contract-data-ring{background:conic-gradient(from -35deg,#fff19a 0,#ffc42f 48%,#e04a75 var(--progress),#35280e var(--progress) 360deg);width:158px;height:158px;padding:13px;box-shadow:0 0 42px #f4b5294d,inset 0 0 0 1px #ffef9f40}.contract-ring-card.grand-total-card .contract-data-ring>div{background:radial-gradient(circle at 40% 28%,#302712,#0a0d1d 72%)}.contract-ring-card.grand-total-card .contract-data-ring strong{color:#ffe26a;font-size:43px}.contract-ring-card.grand-total-card .contract-data-ring small{color:#d8b647;font-size:11px}.contract-ring-card.grand-total-card .contract-ring-copy small{color:#e2bc4b;letter-spacing:.04em;font-size:12px;font-weight:800}.contract-ring-card.grand-total-card .contract-ring-copy strong{color:#ffdb58;margin:8px 0;font-size:clamp(34px,4.4vw,54px);line-height:.95}.contract-ring-card.grand-total-card .contract-ring-copy span{color:#b8c4df;font-size:12px}.contract-ring-card.grand-total-card .contract-ring-copy em{color:#ff9f56;font-size:12px}.contract-data-ring.interest{background:conic-gradient(from -35deg,#fa416d 0,#a66cff var(--progress),#311d48 var(--progress) 360deg)}.contract-ring-card.interest-card{background:radial-gradient(circle at 50% 24%,#dd3f841a,#0000 10rem),linear-gradient(145deg,#21132d,#090f27);border-color:#db4d9257}.contract-ring-copy strong{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.payoff-card{background:radial-gradient(circle at 0,#ffbd2529,#0000 12rem),linear-gradient(115deg,#231906,#101630 58%);border:1px solid #ffca4075;border-radius:15px;grid-template-columns:minmax(0,1fr) 126px;align-items:center;gap:14px;min-height:158px;margin:0;padding:17px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffe07426,0 12px 27px #00031238}.payoff-card>span{text-align:center;background:linear-gradient(145deg,#ffd75521,#57360333);border:1px solid #ffd75559;border-radius:14px;place-content:center;min-width:0;min-height:98px;padding:12px;display:grid}.payoff-card div{min-width:0}.payoff-card small,.payoff-card h3,.payoff-card p,.payoff-card>span>*{display:block}.payoff-card p{color:#d3a940;letter-spacing:.12em;margin:0;font-size:8px;font-weight:900;line-height:1}.payoff-card h3{overflow-wrap:anywhere;color:#ffd85c;margin:7px 0 8px;font-size:clamp(27px,3.4vw,42px);line-height:1}.payoff-card div>small{color:#9aa9c8;font-size:9px;line-height:1.45}.payoff-card>span small{color:#b99a4b;font-size:8px}.payoff-card>span strong{overflow-wrap:anywhere;color:#fff;margin:4px 0;font-size:23px;line-height:1}.payoff-card>span em{color:#d0aa47;font-size:8px;font-style:normal}.interest-builder{background:linear-gradient(145deg,#ffbe2514,#0f162fd1);border:1px solid #ffc63a4d;border-radius:10px;grid-template-columns:1.2fr 1fr;gap:10px;padding:13px;display:grid}.interest-builder>label:first-child{grid-column:1/-1}.interest-builder label[hidden]{display:none!important}.modal-form select{color:#f4f7ff;width:100%;min-height:46px;font:inherit;background:#0e1733;border:1px solid #2c477d;border-radius:8px;padding:10px 12px}.contract-plan-preview{grid-template-columns:repeat(4,minmax(0,1fr))}.contract-form-error{color:#fff1f4;background:#b2143738;border:1px solid #ff4a6894;border-radius:9px;margin:0;padding:11px 13px;font-size:12px;font-weight:700;line-height:1.5;box-shadow:inset 3px 0 #ff405f,0 8px 18px #03071633}.contract-form-error[hidden]{display:none}.sequence-locked{opacity:.46;filter:saturate(.45)}.sequence-locked:disabled,.historical-installment-item.sequence-locked button:disabled{cursor:not-allowed}.amount-panel.advance{background:radial-gradient(circle at 100% 0,#39beff24,#0000 10rem),linear-gradient(145deg,#12264b,#101630);border-color:#40c9ff7a}.amount-panel.advance>span{color:#56d8ff;font-weight:900}@media (max-width:1100px){.contract-ring-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contract-ring-card.main{grid-column:auto}.contract-ring-card.grand-total-card{grid-column:1/-1}}@media (max-width:760px){.trade-interest-grid{grid-template-columns:1fr}.interest-analytics-card{grid-template-columns:92px minmax(0,1fr)}.interest-analytics-donut{width:84px;height:84px}.payoff-card{grid-template-columns:minmax(0,1fr) 112px}.interest-builder,.contract-plan-preview{grid-template-columns:1fr 1fr}}@media (max-width:560px){.contract-ring-grid{grid-template-columns:1fr}.contract-ring-card{min-height:128px}.contract-ring-card.grand-total-card{grid-column:auto;grid-template-columns:126px minmax(0,1fr);gap:12px;min-height:176px;padding:15px}.contract-ring-card.grand-total-card .contract-data-ring{width:122px;height:122px;padding:10px}.contract-ring-card.grand-total-card .contract-data-ring strong{font-size:32px}.contract-ring-card.grand-total-card .contract-ring-copy small{font-size:9px}.contract-ring-card.grand-total-card .contract-ring-copy strong{font-size:26px}.contract-ring-card.grand-total-card .contract-ring-copy span,.contract-ring-card.grand-total-card .contract-ring-copy em{font-size:9px}.interest-builder,.contract-plan-preview{grid-template-columns:1fr}}.trade-grand-received-card{background:radial-gradient(circle at 5%,#ffbc2321,#0000 8rem),linear-gradient(115deg,#211806,#10162f 62%);border:1px solid #ffc23059;border-radius:11px;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:11px;min-width:0;margin-top:8px;padding:8px 10px;display:grid;overflow:hidden}.trade-grand-received-donut{background:conic-gradient(from -35deg,#fff08a 0,#ffc42f 55%,#e64d76 var(--progress),#302610 var(--progress) 360deg);border-radius:50%;place-items:center;width:72px;height:72px;padding:7px;display:grid;box-shadow:0 0 22px #e6a52038}.trade-grand-received-donut>div{text-align:center;background:radial-gradient(circle at 40% 28%,#272313,#090f25 72%);border-radius:50%;place-content:center;width:100%;height:100%;display:grid}.trade-grand-received-donut strong,.trade-grand-received-donut small,.trade-grand-received-card>div:last-child>*{display:block}.trade-grand-received-donut strong{color:#ffe067;font-size:20px;line-height:.95}.trade-grand-received-donut small{color:#b79745;margin-top:3px;font-size:6px}.trade-grand-received-card>div:last-child{min-width:0}.trade-grand-received-card>div:last-child>small{color:#e2b848;letter-spacing:.11em;font-size:6px;font-weight:900}.trade-grand-received-card h3{color:#f8faff;margin:1px 0 2px;font-size:11px;line-height:1.1}.trade-grand-received-card>div:last-child>strong{color:#ffd454;text-overflow:ellipsis;white-space:nowrap;font-size:22px;line-height:1;overflow:hidden}.trade-grand-received-card>div:last-child>span{color:#8f9dbd;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:6px;line-height:1.25;overflow:hidden}@media (orientation:landscape) and (min-width:900px){.dashboard-screen.trading-dashboard{grid-template-rows:58px 82px 420px 172px}.trade-line-stage{background:repeating-linear-gradient(0deg,#0000 0 52px,#7e99a90e 53px 54px);height:268px}.trade-donut-row{margin-top:7px}.trade-progress{margin:7px 0}.trade-status-rows>span{padding:4px 8px}.portfolio-balance-card{margin-top:6px}}.contract-ring-copy strong,.contract-ring-card.main .contract-ring-copy strong{overflow-wrap:normal;word-break:normal;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.035em;overflow:visible}@media (orientation:landscape) and (min-width:900px){.detail-screen .contract-ring-card:not(.grand-total-card){grid-template-columns:88px minmax(0,1fr);gap:10px;padding:12px}.detail-screen .contract-ring-card:not(.grand-total-card) .contract-data-ring{width:82px;height:82px;padding:8px}.detail-screen .contract-ring-card:not(.grand-total-card) .contract-data-ring strong{font-size:24px}.detail-screen .contract-ring-card:not(.grand-total-card) .contract-data-ring small{font-size:8px}.detail-screen .contract-ring-card:not(.grand-total-card) .contract-ring-copy strong{font-size:clamp(18px,1.55vw,22px)}.detail-screen .contract-ring-card.grand-total-card .contract-ring-copy strong{font-size:clamp(30px,3.6vw,46px)}}.offer-screen{background:radial-gradient(circle at 88% 0,#2e65e529,#0000 28rem),radial-gradient(circle at 0 34%,#ffbe271a,#0000 22rem),#071027;width:min(100%,1180px);max-width:none;margin:0 auto;padding:18px 24px 92px}.offer-header{background:linear-gradient(110deg,#142b5c,#0c1735 68%);border:1px solid #284a91;border-radius:13px;justify-content:space-between;align-items:center;gap:24px;min-height:72px;margin-bottom:14px;padding:12px 16px;display:flex;box-shadow:inset 0 2px #2869d8,0 14px 30px #00041340}.offer-brand{align-items:center;gap:12px;min-width:0;display:flex}.offer-brand>span{color:#112044;background:linear-gradient(145deg,#ffe16a,#e9a91f);border-radius:11px;flex:none;place-items:center;width:42px;height:42px;font-size:17px;font-weight:900;display:grid;box-shadow:0 0 18px #ffbe2833}.offer-brand small,.offer-brand strong{display:block}.offer-brand small{color:#66a0ff;letter-spacing:.16em;font-size:7px;font-weight:900}.offer-brand strong{color:#fff;margin-top:2px;font-size:22px;line-height:1}.offer-header-copy{text-align:right;max-width:470px}.offer-header-copy p{color:#ffd45c;margin:0;font-size:13px;font-weight:800}.offer-header-copy small{color:#8fa5ce;margin-top:3px;font-size:9px;display:block}.offer-layout{grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr);align-items:start;gap:14px;display:grid}.offer-input-card,.offer-results{min-width:0}.offer-input-card{background:linear-gradient(145deg,#101a39,#09122b);border:1px solid #243f78;border-radius:15px;gap:12px;padding:17px;display:grid;box-shadow:inset 0 1px #ffffff0d,0 14px 32px #0003123d}.offer-section-head{border-bottom:1px solid #21365f;align-items:center;gap:10px;padding-bottom:11px;display:flex}.offer-section-head>span{color:#ffd45b;background:#ffbe2314;border:1px solid #ffcc4666;border-radius:10px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.offer-section-head small,.offer-section-head h2{display:block}.offer-section-head small{color:#6f95df;letter-spacing:.14em;font-size:7px;font-weight:900}.offer-section-head h2{color:#f8faff;margin:2px 0 0;font-size:17px}.offer-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.offer-field-wide{grid-column:1/-1}.offer-input-card label{color:#c7d2e8;min-width:0;font-size:10px;font-weight:700}.offer-input-card input,.offer-input-card select{color:#fff;width:100%;min-height:44px;font:inherit;background:#0a1430;border:1px solid #2a477e;border-radius:8px;outline:0;margin-top:5px;padding:9px 11px;font-size:14px;font-weight:700}.offer-input-card input:focus,.offer-input-card select:focus{border-color:#ffd04e;box-shadow:0 0 0 3px #ffc2301a}.offer-input-card label>small{color:#7689ae;margin-top:4px;font-size:8px;font-weight:500;display:block}.offer-input-card .interest-builder{grid-template-columns:1fr;margin:0;padding:11px}.offer-input-card .interest-builder>label:first-child{grid-column:auto}.offer-rule-note{color:#9aacca;background:#239cde12;border-left:3px solid #34d3f1;border-radius:8px;grid-template-columns:23px minmax(0,1fr);align-items:start;gap:8px;padding:10px;display:grid}.offer-rule-note>span{color:#07152e;background:#41d7f2;border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;font-weight:900;display:grid}.offer-rule-note p{margin:0;font-size:9px;line-height:1.5}.offer-reset-button{color:#9eb5df;background:#101c3a;border:1px solid #2b477c;border-radius:9px;min-height:40px;font-size:10px;font-weight:700}.offer-results{gap:12px;display:grid}.offer-total-hero{background:radial-gradient(circle at 12%,#ffca3633,#0000 15rem),radial-gradient(circle at 95% 0,#e23d7c24,#0000 18rem),linear-gradient(115deg,#251b07,#121631 58%,#181029);border:1px solid #ffce418f;border-radius:17px;grid-template-columns:164px minmax(0,1fr);align-items:center;gap:24px;min-height:206px;padding:20px 28px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffec922e,0 18px 38px #0003124d}.offer-total-ring{background:conic-gradient(from -35deg,#fff195 0,#ffc42f var(--progress),#34290f var(--progress) 360deg);border-radius:50%;place-items:center;width:148px;height:148px;padding:13px;display:grid;box-shadow:0 0 40px #efaf2345}.offer-total-ring>div{text-align:center;background:radial-gradient(circle at 38% 25%,#302713,#090d20 72%);border:1px solid #ffffff14;border-radius:50%;place-content:center;width:100%;height:100%;display:grid}.offer-total-ring strong,.offer-total-ring small,.offer-total-copy>*{display:block}.offer-total-ring strong{color:#ffe16a;font-size:38px;line-height:.95}.offer-total-ring small{color:#d1ac42;margin-top:5px;font-size:9px}.offer-total-copy{min-width:0}.offer-total-copy>small{color:#e0b846;letter-spacing:.06em;font-size:10px;font-weight:900}.offer-total-copy>strong{color:#ffd75a;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:8px 0;font-size:clamp(34px,4.2vw,52px);line-height:.92}.offer-total-copy>span{color:#afbedb;font-size:11px}.offer-total-copy>em{color:#63dafa;background:#36adea14;border:1px solid #2d579b;border-radius:999px;width:max-content;max-width:100%;margin-top:10px;padding:5px 9px;font-size:9px;font-style:normal}.offer-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.offer-metrics article{background:linear-gradient(145deg,#111b3a,#0a122c);border:1px solid #263f73;border-radius:13px;grid-template-columns:38px minmax(0,1fr);align-content:center;gap:2px 10px;min-width:0;min-height:112px;padding:13px;display:grid}.offer-metrics article>span{color:#0b1732;background:linear-gradient(145deg,#45dcf6,#3975e5);border-radius:10px;grid-row:1/4;align-self:center;place-items:center;width:36px;height:36px;font-size:17px;font-weight:900;display:grid}.offer-metrics article:nth-child(2)>span{background:linear-gradient(145deg,#ffe067,#e7a31f)}.offer-metrics article:nth-child(3)>span{background:linear-gradient(145deg,#ff6987,#c92d62)}.offer-metrics article:nth-child(4)>span{background:linear-gradient(145deg,#a987ff,#6a4ed2)}.offer-metrics small,.offer-metrics strong,.offer-metrics em{min-width:0;display:block}.offer-metrics small{color:#7f9ad0;font-size:8px;font-weight:800}.offer-metrics strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(20px,2.2vw,28px);line-height:1;overflow:hidden}.offer-metrics em{color:#7f90b3;font-size:8px;font-style:normal}.offer-payment-flow{background:linear-gradient(145deg,#111a37,#09122b);border:1px solid #263f73;border-radius:14px;min-height:144px;padding:14px 16px}.offer-payment-flow header{justify-content:space-between;align-items:center;gap:12px;display:flex}.offer-payment-flow header small,.offer-payment-flow header strong{display:block}.offer-payment-flow header small{color:#6593e9;letter-spacing:.15em;font-size:7px;font-weight:900}.offer-payment-flow header strong{color:#fff;margin-top:2px;font-size:14px}.offer-payment-flow header>span{color:#ffd45b;background:#ffbb2312;border:1px solid #ffc6355c;border-radius:999px;padding:4px 8px;font-size:8px}.offer-flow-track{grid-template-columns:8% 1fr 8%;align-items:center;height:22px;margin:13px 6px 5px;display:grid}.offer-flow-track:before{content:"";background:linear-gradient(90deg,#ffd24e,#39d6f4 50%,#d35dff);border-radius:99px;grid-area:1/1/auto/-1;height:3px}.offer-flow-track i{z-index:1;background:#ffd34f;border:3px solid #081126;border-radius:50%;grid-row:1;justify-self:start;width:15px;height:15px;box-shadow:0 0 12px #ffc53061}.offer-flow-track i:nth-child(2){background:#3bd7f2;justify-self:center}.offer-flow-track i:nth-child(3){background:#c969ff;justify-self:end}.offer-flow-labels{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.offer-flow-labels span{min-width:0}.offer-flow-labels span:nth-child(2){text-align:center}.offer-flow-labels span:last-child{text-align:right}.offer-flow-labels small,.offer-flow-labels strong{display:block}.offer-flow-labels small{color:#7588ad;font-size:7px}.offer-flow-labels strong{color:#dce6fb;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.offer-invalid-card{background:radial-gradient(circle at 0,#ff3e651c,#0000 14rem),#10152e;border:1px solid #ff5b7761;border-radius:17px;grid-template-columns:64px minmax(0,1fr);place-content:center;align-items:center;gap:18px;min-height:280px;padding:28px;display:grid}.offer-invalid-card>span{color:#281019;background:linear-gradient(145deg,#ff7c93,#e83e68);border-radius:18px;place-items:center;width:58px;height:58px;font-size:28px;font-weight:900;display:grid}.offer-invalid-card small,.offer-invalid-card strong{display:block}.offer-invalid-card small{color:#ff7991;font-size:9px}.offer-invalid-card strong{color:#fff;margin-top:3px;font-size:22px}.offer-invalid-card p{color:#8e9dbc;margin:6px 0 0;font-size:10px}.bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:899px){.offer-screen{padding:12px 14px 94px}.offer-header{align-items:flex-start}.offer-header-copy{max-width:280px}.offer-layout{grid-template-columns:1fr}}@media (max-width:560px){.offer-header{gap:9px;display:grid}.offer-header-copy{text-align:left;max-width:none}.offer-brand strong{font-size:19px}.offer-field-grid,.offer-metrics{grid-template-columns:1fr}.offer-field-wide{grid-column:auto}.offer-total-hero{grid-template-columns:112px minmax(0,1fr);gap:12px;min-height:176px;padding:15px}.offer-total-ring{width:104px;height:104px;padding:9px}.offer-total-ring strong,.offer-total-copy>strong{font-size:27px}.offer-total-copy>span{font-size:9px}.offer-flow-labels strong{font-size:8px}.bottom-nav{padding-left:10px;padding-right:10px}}html[data-device=mobile] #landscape-guard{display:none!important}html[data-device=mobile] #app,html[data-device=mobile] #overlay-root,html[data-device=mobile] #toast{display:block!important}html[data-device=mobile],html[data-device=mobile] body{background:#050713;min-height:100%}html[data-device=mobile] .app-surface{background:#070a17;border-radius:0;width:100%;max-width:540px;min-height:100dvh;margin:0 auto;overflow:hidden}html[data-device=mobile] .screen{min-height:100dvh}.mobile-dashboard{width:100%;max-width:540px;min-height:100dvh;padding:max(14px,env(safe-area-inset-top)) 14px calc(94px + env(safe-area-inset-bottom));color:#f8f9ff;background:radial-gradient(circle at 8% 2%,#ffc02333,#0000 19rem),radial-gradient(circle at 100% 27%,#5f45ff26,#0000 22rem),radial-gradient(circle at 30% 90%,#ff305b17,#0000 22rem),linear-gradient(#10152b 0,#070a17 36%,#050712 100%);margin:0 auto;position:relative}.mobile-dashboard:before{content:"";opacity:.18;pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.mobile-dashboard>*{z-index:1;position:relative}.mobile-topbar{grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;height:58px;display:grid}.mobile-menu,.mobile-settings{color:#d9deef;background:#090d1cc2;border:1px solid #ffffff1a;border-radius:13px;width:40px;height:40px;font-size:19px}.mobile-settings{color:#ffcb3e;letter-spacing:1px;font-size:13px}.mobile-brand{justify-content:center;align-items:center;gap:9px;min-width:0;display:flex}.mobile-brand>span{color:#160d00;background:linear-gradient(145deg,#ffe961,#f29a16);border:1px solid #ffe286;border-radius:11px;place-items:center;width:35px;height:35px;font-size:11px;font-weight:800;display:grid;box-shadow:0 0 17px #ffb71f42}.mobile-brand strong,.mobile-brand small{display:block}.mobile-brand strong{color:#ffd34e;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1;overflow:hidden}.mobile-brand small{color:#69738f;letter-spacing:.16em;margin-top:3px;font-size:6px}.mobile-workspace{color:#eef1ff;text-align:left;background:linear-gradient(90deg,#ffbd2417,#6847ff0f);border:1px solid #ffc32f38;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:46px;margin:8px 0 12px;padding:8px 13px;display:flex}.mobile-workspace span small,.mobile-workspace span strong{display:block}.mobile-workspace small{color:#7e87a1;font-size:8px}.mobile-workspace strong{margin-top:1px;font-size:13px}.mobile-workspace b{color:#ffc933;font-size:10px}.mobile-hero{background:radial-gradient(circle at 18%,#ffbd1b33,#0000 13rem),radial-gradient(circle at 100% 0,#7f49ff29,#0000 15rem),linear-gradient(145deg,#171327,#0a0d1d);border:1px solid #ffc62c7a;border-radius:25px;grid-template-columns:138px minmax(0,1fr);align-items:center;gap:12px;min-height:185px;padding:17px;display:grid;overflow:hidden;box-shadow:0 22px 48px #00000061,inset 0 1px #ffffff0e}.mobile-hero:after{content:"฿";color:#ffca3509;pointer-events:none;font-size:180px;font-weight:800;position:absolute;bottom:-56px;right:-6px}.mobile-donut{background:conic-gradient(from -35deg,#ffe768 0deg,#ffae25 var(--progress),#ffffff12 var(--progress) 360deg);border-radius:50%;place-items:center;width:130px;height:130px;padding:13px;display:grid;box-shadow:0 0 28px #ffaa1d3d,inset 0 0 12px #ffffff29}.mobile-donut>div{text-align:center;background:radial-gradient(circle at 40% 30%,#1c1b2e,#070916 68%);border-radius:50%;place-content:center;width:100%;height:100%;display:grid;box-shadow:inset 0 0 20px #ffb31d1a}.mobile-donut strong,.mobile-donut small{display:block}.mobile-donut strong{font-size:47px;line-height:.9}.mobile-donut small{color:#ffda66;margin-top:7px;font-size:12px}.mobile-hero-copy{min-width:0}.mobile-hero-copy>span{color:#949db6;font-size:11px}.mobile-hero-copy>strong{letter-spacing:-.055em;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:2px 0;font-size:clamp(32px,10vw,44px);line-height:1.06;display:block;overflow:hidden}.mobile-hero-copy>strong small{color:#ffc439;margin-right:3px;font-size:19px}.mobile-hero-copy>em{color:#ffca54;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-style:normal;display:block;overflow:hidden}.mobile-progress{background:#ffffff14;border-radius:999px;height:8px;margin-top:14px;overflow:hidden}.mobile-progress i{border-radius:inherit;background:linear-gradient(90deg,#ffe75c,#ffab21,#ff5266);height:100%;display:block;box-shadow:0 0 12px #ffa61d8c}.mobile-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:10px 0;display:grid}.mobile-kpis article{background:linear-gradient(145deg,#171c35f5,#080b19fa);border:1px solid #ffffff14;border-radius:18px;grid-template-rows:auto 1fr auto;grid-template-columns:34px 1fr;align-items:center;gap:0 8px;min-width:0;min-height:96px;padding:12px;display:grid;box-shadow:0 12px 25px #00000038}.mobile-kpis article>span{border-radius:11px;grid-row:1/3;place-items:center;width:34px;height:34px;font-size:16px;font-weight:800;display:grid}.mobile-kpis article>small{color:#8b94ac;font-size:9px}.mobile-kpis article>strong{letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;font-size:22px;line-height:1.05;overflow:hidden}.mobile-kpis article>em{color:#667089;grid-column:2;font-size:8px;font-style:normal}.mobile-kpis .gold>span{color:#1a1000;background:#ffc632;box-shadow:0 0 14px #ffc42747}.mobile-kpis .cyan>span{color:#04131a;background:#3ed1f5}.mobile-kpis .orange>span{color:#170b00;background:#ff8a35}.mobile-kpis .red>span{color:#1b030a;background:#ff4c72}.mobile-line-card,.mobile-action-card{background:linear-gradient(145deg,#121830fa,#070a17fc);border:1px solid #5b7ed033;border-radius:21px;margin-top:10px;padding:15px;box-shadow:0 18px 36px #00000045,inset 0 1px #ffffff08}.mobile-line-card header,.mobile-action-card header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mobile-line-card header small,.mobile-action-card header small{color:#6f79a0;letter-spacing:.14em;font-size:7px;font-weight:700}.mobile-line-card h2,.mobile-action-card h2{margin:2px 0 0;font-size:16px}.mobile-line-card header>strong{color:#ffd352;font-size:18px}.mobile-line-stage{background:repeating-linear-gradient(0deg,#0000 0 30px,#768bc512 31px 32px);border-bottom:1px solid #788fcd2e;height:126px;margin-top:7px}.mobile-line-stage svg{filter:drop-shadow(0 0 6px #44b2ff47);width:100%;height:100%;overflow:visible}.mobile-line-stage polyline{fill:none;stroke:url(#mobile-line);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.mobile-months{text-align:center;grid-template-columns:repeat(6,1fr);gap:2px;margin-top:6px;display:grid}.mobile-months b,.mobile-months small{display:block}.mobile-months b{color:#aeb9d6;font-size:7px}.mobile-months small{color:#59627d;margin-top:2px;font-size:7px}.mobile-action-card header>strong{color:#190f00;background:#ffc634;border-radius:11px;place-items:center;width:32px;height:32px;font-size:17px;display:grid}.mobile-action-card header>button{color:#ffcf53;background:#ffbf2712;border:1px solid #ffc6323d;border-radius:999px;padding:6px 10px;font-size:8px}.mobile-list{background:#04071175;border:1px solid #ffffff0e;border-radius:14px;margin-top:9px;overflow:hidden}.mobile-list .today-due-row,.mobile-list .list-row{background:0 0;border-bottom:1px solid #ffffff0e;min-height:64px;padding:9px 10px}.mobile-list .today-due-row:last-child,.mobile-list .list-row:last-child{border-bottom:0}.mobile-list .today-avatar,.mobile-list .avatar{width:36px;height:36px;font-size:10px}.mobile-list .today-customer strong,.mobile-list .row-copy strong{font-size:11px}.mobile-list .today-customer small,.mobile-list .row-copy small{font-size:8px}.mobile-list .today-payment strong,.mobile-list .row-money strong{font-size:12px}.mobile-list .status{font-size:7px}.mobile-empty{align-items:center;gap:11px;min-height:72px;padding:12px;display:flex}.mobile-empty>span{color:#3ad5ab;background:#2dbe9714;border:1px solid #42d5b13d;border-radius:12px;place-items:center;width:37px;height:37px;display:grid}.mobile-empty strong,.mobile-empty small{display:block}.mobile-empty strong{font-size:11px}.mobile-empty small{color:#68718b;margin-top:2px;font-size:8px}html[data-device=mobile] .bottom-nav{width:min(100%,540px);height:72px;padding:6px 22px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060812f0;border-top-color:#ffc73124;border-radius:0;bottom:0;left:50%;box-shadow:0 -15px 35px #00000057}html[data-device=mobile] .bottom-nav .nav-add{color:#1a1000;background:linear-gradient(145deg,#ffe45d,#f3a913);width:54px;height:54px;transform:translateY(-11px);box-shadow:0 0 22px #ffb92254}@media (max-width:380px){.mobile-dashboard{padding-left:10px;padding-right:10px}.mobile-hero{grid-template-columns:116px minmax(0,1fr);padding:13px}.mobile-donut{width:110px;height:110px}.mobile-donut strong{font-size:40px}.mobile-hero-copy>strong{font-size:30px}}html[data-device=mobile]{--m-navy-950:#071027;--m-navy-900:#0b1532;--m-navy-850:#0d1938;--m-navy-800:#111f43;--m-line:#223b72;--m-blue:#2d74ff;--m-cyan:#22d6ff;--m-gold:#ffc843;--m-coral:#ff684d;--m-teal:#18c9ad}html[data-device=mobile],html[data-device=mobile] body,html[data-device=mobile] .app-surface{background:#08112a}html[data-device=mobile] .mobile-dashboard{color:#f7faff;background:radial-gradient(circle at 12% -4%,#2d74ff3d,#0000 18rem),radial-gradient(circle at 100% 23%,#22d6ff17,#0000 18rem),linear-gradient(#101e42 0,#0b1532 19%,#071027 100%)}html[data-device=mobile] .mobile-dashboard:before{opacity:.3;background-color:#0000;background-image:linear-gradient(#5384dc0e 1px,#0000 1px),linear-gradient(90deg,#5384dc0b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}html[data-device=mobile] .mobile-menu,html[data-device=mobile] .mobile-settings{color:#91b6ff;background:#101d3d;border-color:#284274;box-shadow:inset 0 1px #ffffff09}html[data-device=mobile] .mobile-settings{color:#7fa8ff}html[data-device=mobile] .mobile-brand>span{color:#fff;background:linear-gradient(145deg,#397af8,#294fc7);border-color:#437fff;box-shadow:0 8px 20px #1c54de52,inset 0 1px #fff3}html[data-device=mobile] .mobile-brand strong{color:#fff}html[data-device=mobile] .mobile-brand small{color:#54bfff}html[data-device=mobile] .mobile-workspace{color:#f8faff;background:linear-gradient(90deg,#111f42,#0d1938);border-color:#294477;box-shadow:inset 3px 0 #2d74ff}html[data-device=mobile] .mobile-workspace small{color:#6f92d4}html[data-device=mobile] .mobile-workspace b{color:#25d6ff}html[data-device=mobile] .mobile-hero{background:radial-gradient(circle at 10%,#2d74ff2e,#0000 12rem),radial-gradient(circle at 100% 0,#22d6ff12,#0000 14rem),linear-gradient(145deg,#111f43,#0b1532);border-color:#294987;box-shadow:0 18px 38px #0006166b,inset 0 2px #2d74ff}html[data-device=mobile] .mobile-hero:after{color:#3e7bff0b}html[data-device=mobile] .mobile-donut{background:conic-gradient(from -35deg,#2f74ff 0deg,#21d7ff var(--progress),#1a294f var(--progress) 360deg);box-shadow:0 0 28px #2873ff38,inset 0 0 12px #5e90ff2e}html[data-device=mobile] .mobile-donut>div{background:radial-gradient(circle at 40% 28%,#172650,#09122c 70%);box-shadow:inset 0 0 22px #2d74ff1f}html[data-device=mobile] .mobile-donut small{color:#82a8f5}html[data-device=mobile] .mobile-hero-copy>span{color:#7d9bd7}html[data-device=mobile] .mobile-hero-copy>strong{color:var(--m-cyan);text-shadow:0 0 18px #22d6ff26}html[data-device=mobile] .mobile-hero-copy>strong small{color:var(--m-gold)}html[data-device=mobile] .mobile-hero-copy>em{color:#8ba8e2}html[data-device=mobile] .mobile-progress{background:#19284d}html[data-device=mobile] .mobile-progress i{background:linear-gradient(90deg,#2d74ff,#22d6ff);box-shadow:0 0 12px #22d6ff66}html[data-device=mobile] .mobile-kpis article{box-shadow:0 12px 25px #00051447,inset 0 2px 0 var(--card-accent,#2d74ff);background:linear-gradient(145deg,#101e40,#0a1430);border-color:#203866}html[data-device=mobile] .mobile-kpis article>small{color:#8ca7db}html[data-device=mobile] .mobile-kpis article>strong{color:#f8fbff}html[data-device=mobile] .mobile-kpis article>em{color:#6785be}html[data-device=mobile] .mobile-kpis .gold{--card-accent:#ffc843}html[data-device=mobile] .mobile-kpis .gold>span{color:#17203b;background:#ffc843;box-shadow:0 0 14px #ffc84338}html[data-device=mobile] .mobile-kpis .cyan{--card-accent:#22d6ff}html[data-device=mobile] .mobile-kpis .cyan>span{color:#07172e;background:#22d6ff}html[data-device=mobile] .mobile-kpis .orange{--card-accent:#ff684d}html[data-device=mobile] .mobile-kpis .orange>span{color:#fff;background:#ff684d}html[data-device=mobile] .mobile-kpis .red{--card-accent:#669cff}html[data-device=mobile] .mobile-kpis .red>span{color:#fff;background:#669cff}html[data-device=mobile] .mobile-line-card,html[data-device=mobile] .mobile-action-card{background:linear-gradient(145deg,#0f1c3c,#09132d);border-color:#203b70;box-shadow:0 16px 32px #0005144d,inset 0 2px #2d74ff}html[data-device=mobile] .mobile-line-card header small,html[data-device=mobile] .mobile-action-card header small{color:#6195f2}html[data-device=mobile] .mobile-line-card header>strong{color:var(--m-cyan)}html[data-device=mobile] .mobile-line-stage{background:repeating-linear-gradient(0deg,#0000 0 30px,#446ab221 31px 32px);border-bottom-color:#213760}html[data-device=mobile] .mobile-line-stage svg{filter:drop-shadow(0 0 7px #2d74ff73)}html[data-device=mobile] .mobile-months b{color:#aac3f2}html[data-device=mobile] .mobile-months small{color:#6283bd}html[data-device=mobile] .mobile-action-card header>strong{color:#071831;background:var(--m-cyan)}html[data-device=mobile] .mobile-action-card header>button{color:#7eb6ff;background:#101f42;border-color:#2b518c}html[data-device=mobile] .mobile-list{background:#08122c;border-color:#1d3564}html[data-device=mobile] .mobile-list .today-due-row,html[data-device=mobile] .mobile-list .list-row{border-bottom-color:#1b3059}html[data-device=mobile] .mobile-empty>span{color:#22d6ff;background:#22d6ff14;border-color:#22d6ff4d}html[data-device=mobile] .mobile-empty small{color:#6f8ec6}html[data-device=mobile] .bottom-nav{background:#071027f5;border-top-color:#213a69;box-shadow:0 -15px 35px #0004126b,inset 0 2px #1d4ba2}html[data-device=mobile] .bottom-nav>button{color:#6f8bbd}html[data-device=mobile] .bottom-nav>button.active{color:#35d7ff}html[data-device=mobile] .bottom-nav .nav-add{color:#17203b;background:linear-gradient(145deg,#ffda59,#f5b52d);box-shadow:0 0 22px #ffc4374d}html[data-device=mobile] .mobile-portfolio-balance{background:radial-gradient(circle at 10%,#ffbf2b1f,#0000 10rem),linear-gradient(145deg,#121c3e,#09132d);border:1px solid #ffc6385c;border-radius:21px;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:13px;min-height:128px;margin-top:10px;padding:13px 16px;display:grid;box-shadow:0 16px 32px #0005144d,inset 0 2px #ffd35975}html[data-device=mobile] .mobile-balance-donut{background:conic-gradient(from -35deg,#ffe069 0,#e6a327 var(--progress),#273456 var(--progress) 360deg);border-radius:50%;place-items:center;width:98px;height:98px;padding:9px;display:grid;box-shadow:0 0 24px #e2a3252e}html[data-device=mobile] .mobile-balance-donut>div{text-align:center;background:radial-gradient(circle at 40% 28%,#202a4d,#08112a 72%);border-radius:50%;place-content:center;width:100%;height:100%;display:grid}html[data-device=mobile] .mobile-balance-donut strong,html[data-device=mobile] .mobile-balance-donut small{display:block}html[data-device=mobile] .mobile-balance-donut strong{color:#ffd452;font-size:25px;line-height:.95}html[data-device=mobile] .mobile-balance-donut small{color:#9b8447;margin-top:4px;font-size:8px}html[data-device=mobile] .mobile-portfolio-balance>div:last-child{min-width:0}html[data-device=mobile] .mobile-portfolio-balance>div:last-child small,html[data-device=mobile] .mobile-portfolio-balance>div:last-child h2,html[data-device=mobile] .mobile-portfolio-balance>div:last-child strong,html[data-device=mobile] .mobile-portfolio-balance>div:last-child span{display:block}html[data-device=mobile] .mobile-portfolio-balance>div:last-child small{color:#d39f2f;letter-spacing:.13em;font-size:7px;font-weight:700}html[data-device=mobile] .mobile-portfolio-balance>div:last-child h2{color:#f7f9ff;margin:2px 0;font-size:15px}html[data-device=mobile] .mobile-portfolio-balance>div:last-child strong{color:#ffd14c;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;font-size:25px;line-height:1.05;overflow:hidden}html[data-device=mobile] .mobile-portfolio-balance>div:last-child span{color:#7f96c8;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}html[data-device=mobile] .mobile-interest-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:9px;display:grid}html[data-device=mobile] .mobile-interest-grid article{background:radial-gradient(circle at 0,#27b4ff1f,#0000 8rem),linear-gradient(145deg,#111c3e,#09132d);border:1px solid #24427a;border-radius:18px;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:9px;min-width:0;min-height:104px;padding:10px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 11px 24px #00051438}html[data-device=mobile] .mobile-interest-grid article:last-child{background:radial-gradient(circle at 0,#ffb72524,#0000 8rem),linear-gradient(145deg,#211806,#09132d 72%);border-color:#ffc33661}html[data-device=mobile] .mobile-interest-donut{background:conic-gradient(from -35deg,#29d6ff 0,#347cff var(--progress),#263657 var(--progress) 360deg);border-radius:50%;place-items:center;width:64px;height:64px;padding:7px;display:grid}html[data-device=mobile] .mobile-interest-donut.outstanding{background:conic-gradient(from -35deg,#ffe266 0,#e89f22 var(--progress),#392a12 var(--progress) 360deg)}html[data-device=mobile] .mobile-interest-donut span{color:#f4f8ff;background:#09132d;border-radius:50%;place-items:center;width:100%;height:100%;font-size:13px;font-weight:900;display:grid}html[data-device=mobile] .mobile-interest-grid article>div:last-child{min-width:0}html[data-device=mobile] .mobile-interest-grid small,html[data-device=mobile] .mobile-interest-grid strong,html[data-device=mobile] .mobile-interest-grid em{max-width:100%;display:block}html[data-device=mobile] .mobile-interest-grid small{color:#8fa9d9;text-overflow:ellipsis;white-space:nowrap;font-size:7px;line-height:1.2;overflow:hidden}html[data-device=mobile] .mobile-interest-grid strong{overflow-wrap:normal;color:#39d8ff;letter-spacing:-.035em;white-space:nowrap;margin:3px 0;font-size:clamp(12px,3.6vw,17px);line-height:1;overflow:visible}html[data-device=mobile] .mobile-interest-grid article:last-child strong{color:#ffd153}html[data-device=mobile] .mobile-interest-grid em{color:#6f87b6;text-overflow:ellipsis;white-space:nowrap;font-size:6px;font-style:normal;overflow:hidden}@media (max-width:390px){html[data-device=mobile] .mobile-interest-grid{grid-template-columns:1fr}}html[data-device=mobile] .mobile-grand-received{background:radial-gradient(circle at 8%,#ffbf2b26,#0000 9rem),linear-gradient(145deg,#211806,#101938 68%);border:1px solid #ffc3336b;border-radius:21px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:13px;min-height:126px;margin-top:9px;padding:13px 15px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffe17429,0 14px 29px #00051445}html[data-device=mobile] .mobile-grand-received-donut{background:conic-gradient(from -35deg,#fff08b 0,#ffc32f 55%,#e84b79 var(--progress),#382a11 var(--progress) 360deg);border-radius:50%;place-items:center;width:92px;height:92px;padding:8px;display:grid;box-shadow:0 0 26px #eaa92338}html[data-device=mobile] .mobile-grand-received-donut>div{text-align:center;background:radial-gradient(circle at 40% 28%,#292513,#09132d 72%);border-radius:50%;place-content:center;width:100%;height:100%;display:grid}html[data-device=mobile] .mobile-grand-received-donut strong,html[data-device=mobile] .mobile-grand-received-donut small,html[data-device=mobile] .mobile-grand-received>div:last-child>*{display:block}html[data-device=mobile] .mobile-grand-received-donut strong{color:#ffe066;font-size:24px;line-height:.95}html[data-device=mobile] .mobile-grand-received-donut small{color:#bca04f;margin-top:4px;font-size:7px}html[data-device=mobile] .mobile-grand-received>div:last-child{min-width:0}html[data-device=mobile] .mobile-grand-received>div:last-child>small{color:#d9ad3d;letter-spacing:.11em;font-size:6px;font-weight:900}html[data-device=mobile] .mobile-grand-received h2{color:#f7f9ff;margin:2px 0;font-size:13px}html[data-device=mobile] .mobile-grand-received>div:last-child>strong{color:#ffd251;text-overflow:ellipsis;white-space:nowrap;font-size:23px;line-height:1.05;overflow:hidden}html[data-device=mobile] .mobile-grand-received>div:last-child>span{color:#8296c3;margin-top:5px;font-size:7px;line-height:1.35}