@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");.phone-app{--text:#101d3e;--muted:#5d7190;--bg:#f2f7fd;--panel:#ffffff;--raised:#f9fcff;--line:rgba(148,169,197,0.28);--accent:#0878e8;--shadow:0 4px 12px rgba(35,85,145,0.07);--footer-shadow:0 10px 28px rgba(24,58,100,0.13),0 2px 6px rgba(24,58,100,0.06);--ph-bg:var(--bg);--ph-card:#ffffff;--ph-text:var(--text);--ph-muted:var(--muted);--ph-border:var(--line);--ph-shadow:var(--shadow);--ph-hero-fg:var(--text);--ph-tab:#ffffffdd;--ph-chip:#819ab81f;--ph-accent:var(--accent);background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif}.phone-app.phone-dark{--text:#f2f6ff;--muted:#b6c7de;--bg:#0a1730;--panel:#163250;--raised:#1a3a5c;--line:rgba(141,174,223,0.22);--accent:#1594ff;--shadow:0 6px 16px rgba(0,0,0,0.32);--footer-shadow:0 12px 32px rgba(0,0,0,0.5),0 2px 8px rgba(0,0,0,0.28);--ph-tab:#0b182fe3;--ph-chip:#ffffff0d;color-scheme:dark}.phone-app button,.phone-app select{font:inherit}.phone-app .kit-phone{position:relative;overflow-x:clip;min-height:100dvh;background:var(--bg);padding-bottom:calc(10px + 78px + 24px + var(--app-sab, 0px));scroll-padding-bottom:calc(10px + 78px + 16px + var(--app-sab, 0px))}.phone-app .kit-phone:after{content:"";position:fixed;z-index:19;left:0;right:0;bottom:0;height:calc(var(--app-sab, 0px) + 22px);pointer-events:none;background:linear-gradient(to top,var(--bg) 0,var(--bg) var(--app-sab,0),transparent 100%)}.phone-app .header{height:calc(208px + var(--app-sat, 0px));position:relative;isolation:isolate;overflow:hidden;color:#fff}.phone-app .header,.phone-app.phone-dark .header{background:var(--bg)}.phone-app .abstract-art,.phone-app .art{position:absolute;inset:0;z-index:0;width:100%;height:100%;overflow:hidden}.phone-app .art-photo{z-index:0;object-fit:cover;object-position:center bottom}.phone-app .header-wave{position:absolute;z-index:2;inset:0;width:100%;height:100%;display:block;pointer-events:none}.phone-app .header-row{position:relative;z-index:4;padding:calc(18px + var(--app-sat, 0px)) 16px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.phone-app .identity{display:flex;align-items:center;gap:10px;flex:0 1 auto;min-width:0;padding:6px 12px 6px 6px;border-radius:18px;background:rgba(214,234,255,.28);border:1px solid rgba(255,255,255,.52);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 6px 16px rgba(15,45,80,.12),inset 0 1px 0 rgba(255,255,255,.5)}.phone-app.phone-dark .identity{background:rgba(8,22,48,.55);border-color:rgba(200,225,255,.42);box-shadow:0 8px 24px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.2)}.phone-app .logo{width:40px;height:40px;flex:0 0 40px;border-radius:13px;display:grid;place-items:center;font:800 12px Manrope,sans-serif;letter-spacing:.04em;color:#ffffff;background:linear-gradient(180deg,#1594ff,#0878e8);border:1px solid rgba(255,255,255,.45);box-shadow:0 3px 10px rgba(8,120,232,.32),inset 0 1px 0 rgba(255,255,255,.38)}.phone-app .society{display:flex;flex-direction:column;gap:3px;min-width:0}.phone-app .society b{font:700 15px/1.15 Manrope,sans-serif;letter-spacing:-.02em;color:#102748;text-shadow:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.phone-app .society span{font-size:11px;line-height:1.25;font-weight:600;color:#3a5270;text-shadow:none;overflow-wrap:anywhere}.phone-app.phone-dark .society b,.phone-app.phone-dark .society span{color:#ffffff}.phone-app .header-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex:0 0 auto}.phone-app .bell,.phone-app .theme-btn{box-sizing:border-box;flex:0 0 46px;width:46px;height:46px;position:relative;z-index:4;display:grid;place-items:center;border-radius:15px;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.32);color:#0759b5;padding:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 6px 16px rgba(16,49,88,.12),inset 0 1px 0 rgba(255,255,255,.82)}.phone-app .theme-btn{appearance:none;cursor:pointer}.phone-app.phone-dark .bell,.phone-app.phone-dark .theme-btn{background:rgba(12,28,56,.62);color:#ffffff;border-color:rgba(190,220,255,.42);box-shadow:0 8px 20px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.22)}.phone-app .bell i{position:absolute;top:3px;right:3px;width:9px;height:9px;border-radius:50%;background:#ef4444;border:2px solid white}.phone-app .back-btn{flex:0 0 auto;margin-right:0;border:0;background:rgba(255,255,255,.22);backdrop-filter:blur(12px);color:white;padding:8px;border-radius:14px;border:1px solid rgba(255,255,255,.38);display:grid;place-items:center}.phone-app:not(.phone-dark) .back-btn{background:rgba(255,255,255,.42);border-color:rgba(255,255,255,.7);color:#0759b5;box-shadow:0 6px 16px rgba(16,49,88,.12),inset 0 1px 0 rgba(255,255,255,.82)}.phone-app .main{position:relative;padding:0 14px}.phone-app .greeting{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:10px;padding:4px 4px 22px}.phone-app .greeting>div:first-child{min-width:0;flex:1}.phone-app .greeting>div:first-child>small{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.1em}.phone-app .greeting h1{font:800 36px/1.08 Manrope,sans-serif;letter-spacing:-.045em;margin:8px 0 0}.phone-app .greeting h1 span{font-size:26px}.phone-app .greeting p{font-size:14px;color:var(--muted);margin:8px 0 0}.phone-app .weather{display:flex;align-items:center;flex-shrink:0;gap:8px;padding:10px 14px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.86);color:#e8a21b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 6px 14px rgba(33,104,164,.08),inset 0 1px 0 rgba(255,255,255,.9)}.phone-app .weather div{display:flex;flex-direction:column;color:var(--text)}.phone-app .weather b{font:800 14px Manrope}.phone-app .weather small{font-size:12px;color:var(--muted)}.phone-app .panel{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(240,247,255,.96));border:1px solid rgba(255,255,255,.95);border-radius:22px;box-shadow:0 10px 28px rgba(34,76,130,.09),0 3px 8px rgba(34,76,130,.05),inset 0 1px 0 rgba(255,255,255,1)}.phone-app .panel:before{content:"";position:absolute;inset:0 0 auto;height:42%;z-index:0;background:linear-gradient(180deg,rgba(255,255,255,.34),transparent);pointer-events:none}.phone-app .panel>*{position:relative;z-index:1}.phone-app .panel.maintenance{padding:16px 16px 0;margin-bottom:16px;border-radius:24px;background:radial-gradient(ellipse 92% 78% at 40% 74%,rgba(186,224,255,.2) 0,rgba(255,255,255,.06) 58%,rgba(255,255,255,0) 82%),linear-gradient(180deg,rgba(255,255,255,.93),rgba(255,255,255,.84));border:1px solid rgba(176,206,236,.9);-webkit-backdrop-filter:blur(32px) saturate(190%);backdrop-filter:blur(32px) saturate(190%);box-shadow:0 12px 28px rgba(32,88,160,.1),0 2px 6px rgba(32,88,160,.04),inset 0 1px 0 rgba(255,255,255,1)}.phone-app .panel.maintenance:before{inset:auto 10% 36px 12%;height:44%;background:radial-gradient(ellipse at 38% 52%,rgba(176,216,255,.18) 0,rgba(255,255,255,.1) 52%,transparent 80%)}.phone-app .maintenance{padding:16px 16px 0;margin-bottom:16px}.phone-app .maint-row{display:flex;align-items:flex-start;gap:12px;padding-bottom:8px}.phone-app .maintenance .disc{width:48px;height:48px;flex:0 0 48px;border-radius:16px;display:grid;place-items:center;margin-top:0}.phone-app .disc{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center}.phone-app .disc.blue{background:#dceeff;color:#0766c7}.phone-app .maintenance .disc.blue{background:#dceeff;color:#0868d6;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.phone-app .maint-copy{display:flex;flex-direction:column;min-width:0;flex:1}.phone-app .maint-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.phone-app .maint-head b{font:800 16px/1.15 Manrope,sans-serif;letter-spacing:-.03em}.phone-app .maint-copy>b{font-size:15px}.phone-app .maint-copy>span{font-size:13px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-app .maint-pay{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.phone-app .maint-copy strong,.phone-app .maint-pay>strong{font:800 32px/1 Manrope;color:var(--accent);letter-spacing:-.04em;white-space:nowrap;min-width:0;flex:1}.phone-app .maintenance .maint-pay>strong{font:800 38px/1 Manrope,sans-serif;color:#0a74ea;letter-spacing:-.055em}.phone-app .maint-pay .primary{flex:0 0 auto}.phone-app .maintenance .s-due{background:#ffe08a;color:#9a6200;padding:6px 12px}.phone-app .maint-copy small{font-size:13px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-app .maintenance .sub-links{padding:9px 2px 11px;border-top-color:rgba(148,169,197,.22)}.phone-app .maintenance .sub-links a,.phone-app .maintenance .sub-links button{font-size:13px;font-weight:600;color:#3d5473;gap:7px}.phone-app .primary{border:1px solid rgba(255,255,255,.24);border-radius:12px;padding:10px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;color:#ffffff;background:linear-gradient(135deg,#1594ff,#0068db);font-size:13px;font-weight:700;box-shadow:0 5px 14px rgba(0,112,230,.25),inset 0 1px 0 rgba(255,255,255,.3)}.phone-app .primary:active{transform:translateY(1px);box-shadow:0 2px 6px rgba(0,112,230,.2)}.phone-app .maintenance .primary,.phone-app .panel.maintenance .primary{min-height:40px;padding:9px 16px;border-radius:14px;font-size:14px;font-weight:800;letter-spacing:-.02em;gap:6px;color:#ffffff;background:linear-gradient(180deg,#2ea0ff,#0a72e8);border:0;box-shadow:0 4px 12px rgba(10,114,232,.28),inset 0 1px 0 rgba(255,255,255,.4)}.phone-app .status{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:12px;line-height:1;font-weight:700;background:#e7f2ff;color:#075db9}.phone-app .s-due,.phone-app .s-open,.phone-app .s-overdue{background:#fff0c8;color:#9a6200}.phone-app .s-allowed,.phone-app .s-closed,.phone-app .s-expected,.phone-app .s-inside,.phone-app .s-paid,.phone-app .s-visited{background:#d8f8e9;color:#08754d}.phone-app .s-denied{background:#ffe1e3;color:#bb1d2d}.phone-app .s-exited{background:#e7eef8;color:#5d7190}.phone-app .s-in-progress,.phone-app .s-pending{background:#dcecff;color:#075bb6}.phone-app .s-notice{background:#e2f1ff;color:#075bb6}.phone-app .s-election,.phone-app .s-event{background:#ffeadb;color:#b64b08}.phone-app .sub-links{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:6px;padding:11px 0}.phone-app .sub-links a,.phone-app .sub-links button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--text);font-size:13px;font-weight:700;padding:0;text-decoration:none}.phone-app .sub-links a svg:last-child,.phone-app .sub-links button svg:last-child{color:var(--muted)}.phone-app .sub-links>i{height:21px;width:1px;background:var(--line)}.phone-app .quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px}.phone-app .tile{position:relative;isolation:isolate;overflow:hidden;min-width:0;height:108px;padding:14px 10px 12px;border-radius:22px;text-align:left;display:grid;grid-template-rows:40px 1fr;align-items:start;row-gap:12px;color:var(--text);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 6px 16px rgba(35,85,145,.08),inset 0 1px 0 rgba(255,255,255,.92);transition:box-shadow .18s ease,transform .18s ease;text-decoration:none;background:var(--panel)}.phone-app .tile>span{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.phone-app .tile>b{font-size:clamp(10px,2.85vw,12px);font-weight:800;line-height:1.15;letter-spacing:-.045em;white-space:nowrap;overflow:visible;text-overflow:unset;max-width:100%;align-self:start}.phone-app .tile>small,.phone-app .tile>svg:last-child{display:none}.phone-app .tile.green{background:linear-gradient(165deg,#e6fbf2,#f6fffa);border:1px solid rgba(140,210,180,.55)}.phone-app .tile.green>span{background:#cff7e8;color:#0c9c71}.phone-app .tile.blue{background:linear-gradient(165deg,#e8f3ff,#f7fbff);border:1px solid rgba(160,200,236,.6)}.phone-app .tile.blue>span{background:#dceeff;color:#075fbd}.phone-app .tile.amber{background:linear-gradient(165deg,#fff8df,#fffdf4);border:1px solid rgba(230,200,120,.55)}.phone-app .tile.amber>span{background:#fff0c5;color:#e99a00}.phone-app .tile.violet{background:linear-gradient(165deg,#f1eaff,#fcfaff);border:1px solid rgba(190,168,230,.55)}.phone-app .tile.violet>span{background:#e8ddff;color:#6735ce}.phone-app .list-panel{padding:16px 16px 8px;margin-bottom:16px;border:1px solid rgba(255,255,255,.98);background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(236,246,255,.52));-webkit-backdrop-filter:blur(36px) saturate(200%);backdrop-filter:blur(36px) saturate(200%);box-shadow:0 14px 32px rgba(34,76,130,.12),0 2px 6px rgba(34,76,130,.05),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(255,255,255,.55),inset 0 -22px 32px rgba(255,255,255,.45)}.phone-app .list-panel:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.95),rgba(255,255,255,.42) 16%,rgba(255,255,255,0) 34%),linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.16) 36%,transparent 58%),radial-gradient(ellipse 88% 42% at 10% -8%,rgba(255,255,255,1) 0,transparent 62%)}.phone-app .section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.phone-app .section-title h2{margin:0;font:800 17px/1.3 Manrope,sans-serif;letter-spacing:-.03em}.phone-app .link{display:inline-flex;gap:3px;padding:0;border:0;background:transparent;color:#0758b8;font-size:13px;font-weight:700;white-space:nowrap}.phone-app .link,.phone-app .list-row{align-items:center;text-decoration:none}.phone-app .list-row{display:flex;gap:10px;padding:12px 0;border-top:1px solid var(--line);color:inherit}.phone-app .row-icon{width:36px;height:36px;flex:0 0 36px;border-radius:12px;display:grid;place-items:center}.phone-app .row-icon.blue{background:#e4f2ff;color:#0864c4}.phone-app .row-icon.amber{background:#fff2d2;color:#b66a00}.phone-app .row-icon.rose{background:#ffe9ec;color:#c21e36}.phone-app .row-content{min-width:0;flex:1}.phone-app .row-title{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:13px;font-weight:800}.phone-app .row-content p{margin:4px 0 3px;color:var(--muted);font-size:13px;line-height:1.4}.phone-app .row-content small{color:var(--muted);font-size:12px}.phone-app .list-row>svg:last-child{color:var(--muted);flex:0 0 auto}.phone-app .list-panel .section-title{margin-bottom:2px;padding:0 2px 10px}.phone-app .list-panel .section-title h2{font:800 17px/1.25 Manrope,sans-serif;letter-spacing:-.03em}.phone-app .list-panel .link{font-size:13px;font-weight:700}.phone-app .list-panel .list-row{align-items:flex-start;gap:12px;padding:14px 2px;border-top:1px solid rgba(148,169,197,.24)}.phone-app .list-panel .list-row:last-child{padding-bottom:12px}.phone-app .list-panel .row-icon{width:40px;height:40px;flex:0 0 40px;border-radius:13px;margin-top:1px;box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -8px 10px rgba(255,255,255,.35)}.phone-app .list-panel .row-title{font-size:14px;font-weight:800;letter-spacing:-.025em;line-height:1.3;gap:6px;color:#101d3e}.phone-app .list-panel .row-title .status{flex:0 0 auto}.phone-app .list-panel .row-content p{margin:5px 0 0;font-size:13px;line-height:1.45;color:#536781}.phone-app .list-panel .row-content small{display:block;margin-top:6px;font-size:12px;font-weight:600;color:#7a8ea8}.phone-app .list-panel .list-row>svg:last-child{margin-top:12px;color:#8aa0bb}.phone-app .inner{padding-top:19px}.phone-app .page-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.phone-app .page-head h1{margin:0;font:800 25px/1.2 Manrope,sans-serif;letter-spacing:-.04em}.phone-app .page-head p{margin:5px 0 0;color:var(--muted);font-size:14px}.phone-app .page-head .link{font-size:14px;font-weight:700;color:var(--accent)}.phone-app .profile-id{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-bottom:12px}.phone-app .avatar{flex:0 0 auto;width:64px;height:64px;border-radius:50%;overflow:hidden;font:800 24px Manrope,sans-serif;color:var(--accent);background:#eaf3ff;border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 12px rgba(34,76,130,.12)}.phone-app.phone-dark .avatar{background:#1a3a5c;border-color:rgba(200,225,255,.28)}.phone-app .avatar img{width:100%;height:100%;object-fit:cover}.phone-app .profile-id b{display:block;font:800 19px/1.2 Manrope,sans-serif;letter-spacing:-.03em;overflow-wrap:anywhere}.phone-app .profile-id small{display:block;margin-top:3px;font-size:13px;color:var(--muted)}.phone-app .profile-details{padding:14px 16px 6px;margin-bottom:12px}.phone-app .profile-details .section-title{margin-bottom:4px}.phone-app .private-pill{border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;color:var(--muted);background:var(--ph-chip)}.phone-app .profile-details dl{margin:0}.phone-app .profile-details dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.phone-app .profile-details dl>div:first-child{border-top:0}.phone-app .profile-details dt{flex:0 0 auto;font-size:13px;color:var(--muted)}.phone-app .profile-details dd{margin:0;min-width:0;text-align:right;font-size:14px;font-weight:700;color:var(--text);overflow-wrap:anywhere}.phone-app .profile-details dd a{color:var(--accent)}.phone-app .profile-form,.phone-app .profile-form .panel{display:flex;flex-direction:column;gap:12px}.phone-app .profile-form .panel{padding:14px 16px 16px}.phone-app .profile-form .panel>h2{margin:0;font:800 15px Manrope,sans-serif;letter-spacing:-.02em}.phone-app .profile-form label>span{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--muted)}.phone-app .profile-form .check{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.3;color:var(--text)}.phone-app .profile-form .check input{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:var(--accent)}.phone-app .profile-form .check>span{margin:0;font-size:14px;font-weight:500;color:var(--text)}.phone-app .avatar-pick{display:flex;align-items:center;gap:14px}.phone-app .avatar-pick .actions{display:flex;flex-wrap:wrap;gap:8px}.phone-app .avatar-pick .actions button,.phone-app .avatar-pick .actions label{cursor:pointer;border-radius:12px;padding:8px 12px;font-size:13px;font-weight:700;border:1px solid var(--line);background:var(--raised);color:var(--accent)}.phone-app .avatar-pick .actions button{color:var(--muted)}.phone-app .profile-form .form-actions{display:flex;gap:10px}.phone-app .profile-form .form-actions>*{flex:1}.phone-app .balance{padding:18px;border-radius:22px;color:white;position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#50c6ffb3,transparent 48%),linear-gradient(135deg,#0753ad,#087ed1);box-shadow:0 12px 24px #0553ad3b;display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-bottom:15px}.phone-app .balance>span:first-child{font-size:13px;opacity:.9}.phone-app .balance .status{position:absolute;top:16px;right:16px}.phone-app .balance>strong{font:800 34px Manrope,sans-serif;letter-spacing:-.04em}.phone-app .balance small{font-size:13px;opacity:.85}.phone-app .balance .primary{background:white;color:#0759b6;margin-top:7px;box-shadow:none}.phone-app .tabs{display:flex;padding:4px;border-radius:13px;background:#819ab81f;gap:4px;margin-bottom:14px}.phone-app .pills button,.phone-app .tabs button{flex:1;border:0;border-radius:10px;background:transparent;color:var(--muted);padding:9px;font-size:12px;font-weight:700}.phone-app .pills button.selected,.phone-app .tabs button.selected{color:#0758b8;background:var(--panel);box-shadow:0 2px 7px #183d6617}.phone-app .transactions{padding:14px}.phone-app .transaction{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit}.phone-app .transaction>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.phone-app .transaction b,.phone-app .transaction>strong{font-size:13px}.phone-app .transaction small{color:var(--muted);font-size:13px}.phone-app .visitor-list{padding:0 13px}.phone-app .visitor-row{display:flex;align-items:center;gap:9px;padding:13px 0;border-bottom:1px solid var(--line)}.phone-app .visitor-row:last-child{border-bottom:0}.phone-app .avatar{width:35px;height:35px;flex:0 0 35px;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:12px;background:#dceeff;color:#075bb6}.phone-app .a1{background:#d9f8e9;color:#08754d}.phone-app .a2{background:#fff0d8;color:#a55c00}.phone-app .a3{background:#ece3ff;color:#6638bd}.phone-app .a4{background:#ffe1e3;color:#b91c2c}.phone-app .visitor-row .row-content>b{font-size:14px}.phone-app .visitor-row .row-content p{margin:3px 0 0;font-size:13px;color:var(--muted)}.phone-app .visitor-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.phone-app .visitor-meta small{color:var(--muted);font-size:12px}.phone-app .footnote{color:var(--muted);font-size:13px;line-height:1.5;padding:0 4px}.phone-app .ghost{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:12px;padding:10px 12px;font-size:13px;font-weight:700}.phone-app .visitor-actions{display:flex;gap:8px;margin-top:10px}.phone-app .visitor-actions .ghost,.phone-app .visitor-actions .primary{flex:1}.phone-app .pills{display:flex;gap:6px;margin-bottom:13px}.phone-app .pills button{flex:0 0 auto;padding:8px 13px;border:1px solid var(--line)}.phone-app .more-list{padding:4px 14px}.phone-app .list-panel .more-list{padding:0}.phone-app .more-list a,.phone-app .more-list button{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;padding:15px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;font-size:14px;font-weight:600;text-decoration:none}.phone-app .more-list a>span:nth-child(2),.phone-app .more-list button>span:nth-child(2){flex:1;min-width:0}.phone-app .more-list a>svg:last-child,.phone-app .more-list button>svg:last-child{margin-left:auto;color:var(--muted);flex:0 0 auto}.phone-app .more-list a:last-child,.phone-app .more-list button:last-child{border-bottom:0}.phone-app .bottom{position:fixed;z-index:20;bottom:calc(10px + var(--app-sab, 0px));left:50%;transform:translateX(-50%);width:min(calc(100% - 28px),28rem);min-height:78px;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 6px 10px;border:1px solid rgba(255,255,255,.95);border-radius:24px;overflow:visible;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(236,246,255,.58));backdrop-filter:blur(36px) saturate(200%);-webkit-backdrop-filter:blur(36px) saturate(200%);box-shadow:0 12px 32px rgba(24,58,100,.15),0 3px 8px rgba(24,58,100,.07),inset 0 1px 0 #ffffff,inset 0 -12px 22px rgba(255,255,255,.5)}.phone-app .bottom:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.9),rgba(255,255,255,.35) 18%,transparent 38%),linear-gradient(180deg,rgba(255,255,255,.55),transparent 42%)}.phone-app .bottom a,.phone-app .bottom button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;border-radius:18px;background:transparent;color:#6b7c94;font-size:12px;font-weight:600;text-decoration:none}.phone-app .bottom a span,.phone-app .bottom button span{line-height:1}.phone-app .bottom a.active,.phone-app .bottom button.active{color:var(--accent);font-weight:800;background:linear-gradient(180deg,#f5faff,#dceeff);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.phone-app .bottom a.active:before,.phone-app .bottom button.active:before{content:"";position:absolute;top:-6px;width:22px;height:3px;border-radius:0 0 4px 4px;background:var(--accent)}.phone-app .badge-dot{position:absolute;top:4px;right:calc(50% - 25px);width:7px;height:7px;border-radius:50%;background:#ff3f53;border:1px solid white}.phone-app.phone-dark .maintenance,.phone-app.phone-dark .panel{border:1px solid rgba(150,195,255,.17);background:linear-gradient(180deg,#1a3554,#142c45);box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)}.phone-app.phone-dark .panel:before{height:24%;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent)}.phone-app.phone-dark .weather{background:rgba(16,40,72,.7);border:1px solid rgba(88,185,255,.32);color:#9ec4ff;box-shadow:0 6px 16px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.14)}.phone-app.phone-dark .weather div{color:var(--text)}.phone-app.phone-dark .weather small{color:var(--muted)}.phone-app.phone-dark .tile{-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 8px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12)}.phone-app.phone-dark .tile.green{background:linear-gradient(165deg,rgba(28,86,78,.72),rgba(14,42,56,.78));border:1px solid rgba(90,200,170,.28)}.phone-app.phone-dark .tile.blue{background:linear-gradient(165deg,rgba(28,78,122,.72),rgba(16,40,72,.78));border:1px solid rgba(120,180,240,.28)}.phone-app.phone-dark .tile.amber{background:linear-gradient(165deg,rgba(86,68,32,.76),rgba(32,40,58,.78));border:1px solid rgba(230,180,80,.26)}.phone-app.phone-dark .tile.violet{background:linear-gradient(165deg,rgba(68,50,112,.74),rgba(22,40,72,.78));border:1px solid rgba(170,140,230,.28)}.phone-app.phone-dark .tile>span{box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}.phone-app.phone-dark .tile.green>span{background:rgba(36,120,100,.55);color:#5ee9c0}.phone-app.phone-dark .tile.blue>span{background:rgba(28,90,150,.55);color:#8fd0ff}.phone-app.phone-dark .tile.amber>span{background:rgba(130,96,28,.55);color:#ffd17a}.phone-app.phone-dark .tile.violet>span{background:rgba(90,64,150,.55);color:#c4a6ff}.phone-app.phone-dark .bottom{background:linear-gradient(180deg,rgba(28,58,96,.72),rgba(10,24,48,.82));border-color:rgba(150,205,255,.28);backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);box-shadow:0 12px 30px rgba(0,0,0,.3),0 0 18px rgba(0,112,255,.12),inset 0 1px 0 rgba(210,235,255,.28)}.phone-app.phone-dark .bottom:after{display:none}.phone-app.phone-dark .bottom a,.phone-app.phone-dark .bottom button{color:#8ea0bb}.phone-app.phone-dark .bottom a.active,.phone-app.phone-dark .bottom button.active{color:#7ec4ff;background:rgba(21,148,255,.16);box-shadow:0 0 16px rgba(21,148,255,.28)}.phone-app.phone-dark .bottom a.active:before,.phone-app.phone-dark .bottom button.active:before{background:#1594ff;box-shadow:0 0 12px rgba(21,148,255,.7)}.phone-app.phone-dark .sub-links a,.phone-app.phone-dark .sub-links button{color:var(--text)}.phone-app.phone-dark .tabs{background:#ffffff0d}.phone-app.phone-dark .pills button.selected,.phone-app.phone-dark .tabs button.selected{background:#1e4568;color:#8ec8ff}.phone-app.phone-dark .pills button{border-color:var(--line)}.phone-app.phone-dark .row-icon.blue{background:#193958;color:#76b8ff}.phone-app.phone-dark .row-icon.amber{background:#44371f;color:#ffd17a}.phone-app.phone-dark .row-icon.rose{background:#452434;color:#ff9baa}.phone-app.phone-dark .disc.blue{background:#173a62;color:#82c2ff}.phone-app.phone-dark .panel.maintenance{background:linear-gradient(180deg,rgba(40,86,136,.48),rgba(18,46,80,.4) 46%,rgba(12,30,54,.62)),radial-gradient(ellipse 110% 80% at 50% 8%,rgba(70,140,210,.16) 0,transparent 62%);border:1px solid rgba(160,205,245,.3);-webkit-backdrop-filter:blur(32px) saturate(180%);backdrop-filter:blur(32px) saturate(180%);box-shadow:0 12px 32px rgba(0,0,0,.36),inset 0 1px 0 rgba(210,235,255,.24)}.phone-app.phone-dark .panel.maintenance:before{inset:auto 12% 34px 14%;height:42%;background:radial-gradient(ellipse at 40% 50%,rgba(80,160,230,.16) 0,rgba(16,42,74,.04) 58%,transparent 82%)}.phone-app.phone-dark .maintenance .disc.blue{background:#1a4d80;color:#8fd0ff;box-shadow:inset 0 1px 0 rgba(180,220,255,.25)}.phone-app.phone-dark .maint-copy>strong,.phone-app.phone-dark .maintenance .maint-pay>strong{color:#7ad4ff}.phone-app.phone-dark .maintenance .primary,.phone-app.phone-dark .panel.maintenance .primary{background:linear-gradient(180deg,#3eb0ff,#0d7ef0);box-shadow:0 3px 10px rgba(21,148,255,.28),inset 0 1px 0 rgba(255,255,255,.38)}.phone-app.phone-dark .maintenance .s-due{background:#f0c45a;color:#7a4e00}.phone-app.phone-dark .maintenance .sub-links{border-top-color:rgba(120,180,230,.2)}.phone-app.phone-dark .maintenance .sub-links a,.phone-app.phone-dark .maintenance .sub-links button{color:#d5e8fa}.phone-app.phone-dark .link{color:#76b8ff}.phone-app.phone-dark .list-panel{background:linear-gradient(180deg,rgba(40,78,122,.48),rgba(16,40,70,.58));border:1px solid rgba(168,214,255,.3);-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);box-shadow:0 12px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(220,240,255,.28),inset 0 -16px 24px rgba(8,24,48,.18)}.phone-app.phone-dark .list-panel:after{background:linear-gradient(180deg,rgba(190,225,255,.18),rgba(190,225,255,.04) 30%,transparent 52%),radial-gradient(ellipse 90% 46% at 8% -6%,rgba(210,235,255,.22) 0,transparent 58%)}.phone-app.phone-dark .list-panel .row-icon{box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}.phone-app.phone-dark .list-panel .section-title h2{color:#f4f8ff}.phone-app.phone-dark .list-panel .link{color:#8fd0ff}.phone-app.phone-dark .list-panel .list-row{border-top-color:rgba(150,190,230,.18)}.phone-app.phone-dark .list-panel .row-title{color:#f4f8ff}.phone-app.phone-dark .list-panel .row-content p{color:#c8d8ee}.phone-app.phone-dark .list-panel .list-row>svg:last-child,.phone-app.phone-dark .list-panel .row-content small{color:#a4bbd6}@media (hover:hover){.phone-app .tile:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(35,85,145,.12)}.phone-app.phone-dark .tile:hover{box-shadow:0 8px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)}}@media (prefers-reduced-motion:reduce){.phone-app .primary,.phone-app .tile{transition:none}}.phone-app .kit-preview{width:410px;min-height:1280px;height:auto;position:relative;overflow:hidden;border-radius:31px;border:1px solid #fff;background:var(--bg);box-shadow:0 24px 70px #19417033;padding-bottom:calc(18px + 88px + 40px)}.phone-app.phone-dark .kit-preview{border-color:#304362}.phone-app .kit-header-preview{width:410px;height:430px;min-height:0;position:relative;overflow:hidden;border-radius:31px;border:1px solid #fff;background:var(--bg);box-shadow:0 24px 70px #19417033;padding-bottom:0}.phone-app.phone-dark .kit-header-preview{border-color:#304362}.phone-app .kit-preview .bottom{position:absolute;left:14px;right:14px;bottom:22px;width:auto;transform:none}@media (max-width:400px){.phone-app .main{padding-left:12px;padding-right:12px}.phone-app .quick{gap:6px}.phone-app .tile{padding:14px 6px 12px}.phone-app .tile>b{font-size:10.5px;letter-spacing:-.05em}.phone-app .greeting{gap:12px;margin-top:6px;padding:2px 2px 16px}.phone-app .greeting h1{font-size:32px}}