@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap";.status-chip.good{color:#168253;background:#e6f8ee}.unit-card{text-align:right;width:100%;color:var(--ink)}.modal-backdrop{z-index:20;background:#16233b88;justify-content:center;align-items:flex-end;padding:20px;display:flex;position:fixed;inset:0}.modal-card{border-radius:22px;width:min(680px,100%);max-height:88vh;overflow:auto;box-shadow:0 20px 60px #0b1d3870}.modal-card .screen-title{margin:0}.danger-text{color:#c73b4b}:root{--blue:#1264dc;--blue2:#2e85f4;--ink:#16233b;--muted:#8390a8;--bg:#f5f8fd;--line:#e6edf7;--card:#fff;--r:20px;--shadow:0 10px 28px #20406e14}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Vazirmatn,system-ui,sans-serif}.app-shell{max-width:1100px;min-height:100vh;margin:auto;padding:18px 20px 100px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.app-header{justify-content:space-between;align-items:center;height:54px;margin-bottom:22px;display:flex}.brand{color:var(--ink);background:0 0;font-size:20px;font-weight:800}.brand span{color:var(--blue);background:#e9f2ff;border-radius:10px;place-items:center;width:31px;height:31px;margin-left:6px;display:inline-grid}.brand b{color:var(--blue)}.head-actions{align-items:center;gap:10px;display:flex}.bell,.avatar{color:var(--blue);background:#fff;border:0;border-radius:50%;width:37px;height:37px;box-shadow:0 3px 10px #1d4b8b12}.bell{font-size:18px;position:relative}.bell i{background:#ef5365;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;left:8px}.avatar{font-weight:800}.avatar.big{background:#e4efff;place-items:center;width:48px;height:48px;display:grid}.loading-line{background:linear-gradient(90deg,transparent,var(--blue),transparent);background-size:40% 100%;height:3px;margin:-10px 0 7px;animation:1.1s linear infinite load}@keyframes load{to{background-position:160% 0}}.screen{max-width:850px;margin:auto}.screen-title{justify-content:space-between;align-items:center;gap:14px;margin:4px 0 20px;display:flex}.screen h2{margin:0;font-size:25px;font-weight:800}.screen-title small,.sub{color:var(--muted);font-size:12px}.round-add{background:var(--blue);color:#fff;border-radius:12px;width:40px;height:40px;font-size:25px;box-shadow:0 7px 14px #1264dc3d}.building-overview{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;align-items:center;gap:14px;padding:12px;display:flex}.building-overview>div:not(.building-thumb){flex-direction:column;flex:1;gap:3px;display:flex}.building-overview b{font-size:16px}.building-overview small,.building-overview span{color:var(--muted);font-size:11px}.building-thumb{width:45px;height:45px;color:var(--blue);background:linear-gradient(145deg,#dcecff,#a9d0ff);border-radius:14px;place-items:center;font-size:24px;display:grid}.building-thumb.large{border-radius:15px;width:62px;height:62px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0 25px;display:grid}.stat-grid>div{border:1px solid var(--line);text-align:center;background:#fff;border-radius:14px;padding:12px 8px}.stat-grid b,.stat-grid small{display:block}.stat-grid b{color:var(--blue);font-size:14px}.stat-grid small{color:var(--muted);margin-top:4px;font-size:10px}.home h3{margin:22px 2px 10px;font-size:16px}.shortcut-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.shortcut-grid button{background:var(--card);border:1px solid var(--line);min-height:105px;color:var(--ink);border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px 5px;font-size:11px;font-weight:700;display:flex}.shortcut-grid i{border-radius:11px;place-items:center;width:34px;height:34px;font-size:18px;font-style:normal;display:grid}.shortcut-grid .orange{color:#f17824;background:#fff0e5}.shortcut-grid .blue{color:#1772e9;background:#e9f2ff}.shortcut-grid .green{color:#24a560;background:#e8f8ef}.shortcut-grid .purple{color:#7953d8;background:#f0eaff}.subscription-summary{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:13px;display:flex}.subscription-summary>span{border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.subscription-summary.active>span{color:#1c9b58;background:#e4f8ec}.subscription-summary.expired>span{color:#d55061;background:#ffe9ec}.subscription-summary div{flex-direction:column;flex:1;gap:3px;display:flex}.subscription-summary b{font-size:13px}.subscription-summary small{color:var(--muted);font-size:10px}.subscription-summary button{color:var(--blue);background:0 0;font-size:11px;font-weight:800}.switch-building{border:1px solid var(--line);color:var(--blue);background:#fff;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:700}.building-row{text-align:right;border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:16px;align-items:center;gap:12px;margin:9px 0;padding:13px;display:flex}.building-row>span:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.building-row small{color:var(--muted);font-size:11px}.building-row i,.more-list i{color:var(--blue);font-size:24px;font-style:normal}.empty-state{text-align:center;color:var(--muted);background:#fff;border:1px dashed #cdddf3;border-radius:18px;padding:34px 20px}.empty-state>b{width:48px;height:48px;color:var(--blue);background:#e8f1ff;border-radius:15px;place-items:center;font-size:25px;display:inline-grid}.empty-state h3{color:var(--ink);margin:12px 0 4px;font-size:17px}.empty-state p{margin:0 0 15px;font-size:12px;line-height:1.9}.button-primary{color:#fff;background:linear-gradient(135deg,#075bd5,#3189f9);border-radius:12px;width:100%;padding:13px 16px;font-weight:800;box-shadow:0 9px 17px #1264dc35}.button-primary:disabled{opacity:.65;cursor:wait}.back{color:var(--blue);background:0 0;margin:3px 0 14px;padding:0;font-weight:700}.form-card{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;gap:14px;padding:17px;display:flex}.form-card label{color:#45526a;flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.form-grid label:first-child{grid-column:1/-1}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dce5f1;border-radius:11px;outline:0;padding:11px}textarea{resize:vertical;min-height:82px}input:focus,select:focus,textarea:focus{border-color:#6aa7f9;box-shadow:0 0 0 3px #1c74e414}.unit-list{flex-direction:column;gap:9px;display:flex}.unit-card{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:10px;padding:11px;display:flex}.unit-icon{color:var(--blue);background:#eaf2ff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.unit-card div{flex-direction:column;flex:1;gap:3px;display:flex}.unit-card b{font-size:13px}.unit-card small{color:var(--muted);font-size:10px}.status-chip{border-radius:9px;padding:5px 7px;font-size:9px}.status-chip.neutral{color:#758198;background:#f0f3f8}.subscription-top{color:#fff;background:linear-gradient(130deg,#0d5ed7,#388af4);border-radius:19px;align-items:center;gap:10px;padding:16px;display:flex}.subscription-top>span{font-size:27px}.subscription-top div{flex-direction:column;flex:1;gap:3px;display:flex}.subscription-top small{opacity:.8;font-size:10px}.subscription-top strong{background:#ffffff2e;border-radius:9px;padding:6px 8px;font-size:10px}.period-tabs{color:var(--muted);margin:17px 0 9px;font-size:12px}.plan-stack{flex-direction:column;gap:9px;display:flex}.plan-card{border:1px solid var(--line);background:#fff;border-radius:17px;align-items:center;gap:15px;padding:14px;display:flex}.plan-card>div{flex:1}.plan-card span{color:var(--blue);font-size:10px;font-weight:700}.plan-card h3{margin:4px 0;font-size:13px}.plan-card b{color:var(--ink);font-size:12px}.plan-card .button-primary{white-space:nowrap;width:auto;padding:10px 12px;font-size:11px}.secure-note{color:var(--muted);text-align:center;margin-top:14px;font-size:10px}.profile-card{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:12px;margin:14px 0;padding:14px;display:flex}.profile-card div{flex-direction:column;gap:3px;display:flex}.profile-card b{font-size:13px}.profile-card small{color:var(--muted);font-size:10px}.more-list{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.more-list button{width:100%;color:var(--ink);text-align:right;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:10px;padding:16px 14px;font-size:13px;font-weight:700;display:flex}.more-list button:last-child{border:0}.more-list button span{color:var(--blue);width:25px;font-size:18px}.more-list i{margin-right:auto}.more-list .danger,.more-list .danger span,.more-list .danger i{color:#d54d5b}.bottom-nav{z-index:5;border-top:1px solid var(--line);padding:7px max(12px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom));background:#fffdfd;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #1e3e7010}.bottom-nav button{color:#8a96aa;background:0 0;flex-direction:column;align-items:center;gap:3px;width:min(105px,20vw);padding:3px;font-size:10px;display:flex}.bottom-nav span{font-size:18px;line-height:21px}.bottom-nav button.active{color:var(--blue);font-weight:800}.toast{z-index:10;color:#fff;max-width:480px;box-shadow:var(--shadow);border-radius:13px;justify-content:space-between;gap:10px;margin:auto;padding:13px 14px;font-size:12px;display:flex;position:fixed;bottom:78px;left:16px;right:16px}.toast.success{background:#148158}.toast.error{background:#c73b4b}.toast button{color:#fff;background:0 0;font-size:17px}.welcome{background:#fff;flex-direction:column;min-height:100vh;margin:-18px -20px -100px;display:flex}.sky{color:#fff;text-align:center;background:radial-gradient(circle at 88% 5%,#5db2ff44,#0000 28%),linear-gradient(150deg,#064eae,#1984ee);min-height:49vh;padding:50px 25px 0;position:relative;overflow:hidden}.logo-mark{border:2px solid #fff;border-radius:17px;place-items:center;width:54px;height:54px;margin:auto;font-size:30px;display:grid}.sky h1{margin:13px 0 3px;font-size:27px}.sky p{opacity:.88;margin:0;font-size:13px}.tower{background:linear-gradient(135deg,#eef8ff,#8ccaff);border-radius:36px 36px 4px 4px;width:155px;height:180px;margin:20px auto -35px;position:relative;box-shadow:16px 0 #a6d7ff,-16px 26px #5ea6e8}.tower:before,.tower:after{content:"";background:#276db1;border-radius:5px;width:21px;height:21px;position:absolute;top:35px;box-shadow:0 39px #276db1,0 78px #276db1,45px 0 #276db1,45px 39px #276db1,45px 78px #276db1,90px 0 #276db1,90px 39px #276db1,90px 78px #276db1}.tower:before{left:21px}.tower:after{display:none}.tower i{background:#144c85;border-radius:11px 11px 0 0;width:39px;height:50px;position:absolute;bottom:0;right:58px}.welcome-card{background:#fff;border-radius:23px;width:calc(100% - 30px);max-width:430px;margin:-12px auto 30px;padding:24px 19px;position:relative;box-shadow:0 10px 35px #1744721c}.welcome-card h2{margin:0 0 5px;font-size:20px}.welcome-card>p{color:var(--muted);margin:0 0 18px;font-size:12px;line-height:1.8}.welcome-card form{flex-direction:column;gap:10px;display:flex}.welcome-card label{flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.button-muted{color:#52627d;background:#f0f4f9;border-radius:12px;padding:10px;font-size:12px}.welcome-features{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:20px;display:grid}.welcome-features span{color:#53647f;text-align:center;background:#f5f8fc;border-radius:10px;padding:8px;font-size:10px}@media (width>=760px){.app-shell{padding-top:28px}.screen{max-width:780px}.shortcut-grid{grid-template-columns:repeat(4,1fr)}.bottom-nav{border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;width:1100px;max-width:100%;margin:auto;right:auto}.welcome{max-width:520px;margin:-28px auto -100px;box-shadow:0 0 80px #1a4d8e1a}.sky{min-height:430px}}@media (width<=370px){.app-shell{padding-left:13px;padding-right:13px}.shortcut-grid{gap:6px}.shortcut-grid button{font-size:9px}.plan-card{gap:8px}.plan-card .button-primary{padding:9px;font-size:10px}.stat-grid>div{padding:9px 4px}}