:root{--ink:#17253b;--muted:#728096;--line:#e8edf3;--canvas:#f6f8fc;--surface:#fff;--blue:#256ed5;--teal:#20aa8a;--amber:#e7a638;--violet:#7260d7;--radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.5 "DM Sans",sans-serif;-webkit-font-smoothing:antialiased}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:2;display:flex;flex-direction:column;width:256px;padding:25px 15px 17px;color:#d6e2ef;background:linear-gradient(180deg,#142e4f 0%,#0f2643 100%)}.brand{display:flex;align-items:center;gap:11px;padding:0 9px;color:#fff;text-decoration:none;font:800 20px/1 Manrope}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#74d7c5,#51b6bd);box-shadow:0 8px 18px #0b1e383b}.brand-mark svg{width:20px;fill:none;stroke:#143251;stroke-width:2}.brand small,.sidebar-footer small{display:block;margin-top:4px;color:#91aac5;font:600 9px/1 "DM Sans";letter-spacing:.13em;text-transform:uppercase}.sidebar nav{margin-top:49px}.nav-label{margin:0 12px 11px;color:#7795b4;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.nav-label-bottom{margin-top:27px}.nav-link{position:relative;display:flex;align-items:center;gap:13px;margin:3px 0;padding:10px 12px;border-radius:9px;color:#c3d2e3;font-size:13px;font-weight:500;text-decoration:none;transition:.18s ease}.nav-link span{display:grid;place-items:center;width:17px;height:17px}.nav-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-link:hover{color:#fff;background:#204265}.nav-link.active{color:#fff;background:linear-gradient(90deg,#284d73,#24496e);box-shadow:0 5px 16px #0d213c3a}.nav-link.active:before{position:absolute;left:0;width:3px;height:22px;border-radius:0 4px 4px 0;background:#67d1c0;content:""}.sidebar-footer{display:flex;align-items:center;gap:9px;margin-top:auto;padding:11px;border:1px solid #315271;border-radius:11px;background:#1c3a5d}.sidebar-footer strong{display:block;color:#fff;font-size:11px}.sidebar-footer form{margin-left:auto}.logout-button{border:0;background:transparent;color:#bcd0e3;font-size:17px;cursor:pointer;padding:2px}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#7bd6c4;color:#12304c;font-size:12px;font-weight:700}.main-content{width:calc(100% - 256px);margin-left:256px;padding:0 42px 45px}.topbar{display:flex;align-items:center;height:75px;border-bottom:1px solid var(--line)}.menu-button{display:none;border:0;background:none;font-size:20px}.breadcrumb{display:flex;gap:9px;align-items:center;color:#99a6b7;font-size:11px}.breadcrumb b{color:#c4ceda;font-weight:400}.breadcrumb strong{color:#50627a;font-weight:600}.topbar-right{display:flex;align-items:center;gap:18px;margin-left:auto}.sync-chip,.integration-status{display:flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #dbece7;border-radius:99px;background:#f4fcfa;color:#3a7d6e;font-size:10px;font-weight:600}.sync-chip i{width:6px;height:6px;border-radius:50%;background:#2ab391;box-shadow:0 0 0 3px #d7f5ed}.help{display:grid;place-items:center;width:26px;height:26px;border:1px solid #d9e1eb;border-radius:50%;color:#8493a5;font-size:12px;font-weight:700}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:39px 0 28px}.page-heading.compact{padding-bottom:22px}.eyebrow{margin:0 0 8px;color:#6685a6;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.eyebrow-divider{margin:0 5px;color:#aebed0}h1,h2{margin:0;font-family:Manrope;color:var(--ink)}h1{font-size:28px;line-height:1.2;letter-spacing:-.9px}h2{font-size:16px;letter-spacing:-.3px}.subtle,.panel-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.heading-actions{display:flex;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border:0;border-radius:8px;cursor:pointer;font:600 12px "DM Sans";text-decoration:none;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:linear-gradient(135deg,#2e78dc,#2567c7);box-shadow:0 8px 16px #2d70c52b}.button.secondary{border:1px solid #dce5ef;background:#fff;color:#415a75}.button.wide{width:100%;margin-top:14px}.button:disabled{cursor:not-allowed;opacity:.6}.button small{font-size:9px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{position:relative;display:flex;gap:13px;min-height:129px;padding:19px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 6px 18px #15273f05}.stat-card:after{position:absolute;right:-35px;bottom:-40px;width:105px;height:105px;border-radius:50%;content:"";opacity:.48}.stat-card p{margin:1px 0 4px;color:var(--muted);font-size:11px}.stat-card strong{display:block;font:800 25px/1.2 Manrope;letter-spacing:-1px}.stat-card small{display:block;margin-top:5px;color:#8d99a9;font-size:10px}.stat-card small i{display:inline-block;width:5px;height:5px;margin:0 5px 1px 0;border-radius:50%}.positive-dot{background:#32b596}.warning-dot{background:#e2a13a}.stat-icon{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:11px}.stat-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.navy .stat-icon{background:#eaf1fb;color:#2e67ab}.navy:after{background:#edf3fb}.green .stat-icon{background:#e3f7f1;color:#1f997b}.green:after{background:#e5f7f3}.violet .stat-icon{background:#efedff;color:#715dcc}.violet:after{background:#f0efff}.amber .stat-icon{background:#fff3df;color:#d48f1e}.amber:after{background:#fff5e5}.content-grid{display:grid;gap:16px}.dashboard-grid{grid-template-columns:minmax(0,1.72fr) minmax(290px,.78fr);margin-top:17px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 6px 18px #15273f05}.project-panel,.activity-panel{padding:21px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:13px}.panel-head>a,.text-link,.back-link,.row-link{color:#2770cf;font-size:11px;font-weight:700;text-decoration:none}.project-row{display:flex;align-items:center;gap:23px;padding:17px 0;border-bottom:1px solid var(--line)}.project-row:last-child{padding-bottom:0;border-bottom:0}.project-name{display:flex;align-items:center;gap:10px;min-width:250px}.project-initial{display:grid;place-items:center;width:34px;height:34px;border:1px solid #dbe7f5;border-radius:10px;background:#f0f5fb;color:#3770ad;font-size:12px;font-weight:700}.project-name strong,.queue-item strong{display:block;color:#30445d;font-size:12px}.project-name small,.queue-item small,table small{display:block;margin-top:2px;color:var(--muted);font-size:10px}.progress-wrap{width:100%}.progress-meta{display:flex;justify-content:space-between;margin-bottom:7px;color:#7e8da0;font-size:10px}.progress-meta strong{color:#465d77;font-weight:600}.progress{height:6px;overflow:hidden;border-radius:9px;background:#eef2f7}.progress i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#45bfa4,#31ae95)}.activity-panel{display:flex;flex-direction:column}.round-button{width:28px;height:28px;border:1px solid #e0e7ef;border-radius:8px;background:#fff;color:#8190a2}.donut{display:grid;place-items:center;width:137px;height:137px;margin:24px auto 19px;border-radius:50%;background:conic-gradient(#3eb596 0 73%,#e0a839 73% 82%,#806bd1 82% 88%,#e8eef4 88% 100%);box-shadow:inset 0 0 0 1px #e6edf3}.donut>div{display:grid;place-content:center;width:101px;height:101px;border-radius:50%;background:#fff;text-align:center}.donut strong{font:800 22px/1 Manrope}.donut small{margin-top:4px;color:var(--muted);font-size:9px}.legend{padding-top:10px;border-top:1px solid var(--line)}.legend p{display:flex;align-items:center;margin:8px 0;color:#64758a;font-size:11px}.legend p strong{margin-left:auto;color:#344a64;font-size:11px}.legend i,.dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%}.green-dot,.paid-dot{background:#39b494}.amber-dot,.pending-dot{background:#dca139}.violet-dot{background:#7d69d1}.activity-panel .text-link{margin-top:auto;padding-top:15px}.quick-panel{position:relative;display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:13px;margin-top:16px;padding:19px 21px;overflow:hidden;border:0;color:#fff;background:linear-gradient(100deg,#173452,#1d456d);box-shadow:0 10px 22px #142b4d20}.quick-panel:after{position:absolute;top:-95px;right:21%;width:250px;height:250px;border:1px solid #3e6d95;border-radius:50%;content:"";opacity:.3}.quick-panel>*{position:relative;z-index:1}.quick-panel .eyebrow{margin-bottom:3px;color:#a1c3df}.quick-panel h2{color:#fff;font-size:16px}.quick-panel p:not(.eyebrow){max-width:670px;margin:4px 0 0;color:#bdcde0;font-size:11px}.quick-panel .button{background:#fff;color:#225273}.quick-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#315a7e}.quick-icon svg{width:20px;fill:none;stroke:#8adbcf;stroke-width:1.7}.flash{margin-top:16px;padding:12px 15px;border-radius:8px;font-size:12px}.flash.success{background:#e1f7f0;color:#196e57}.flash.error{background:#fff1ef;color:#a94034}.filter-bar{display:flex;gap:9px;margin-bottom:16px;padding:10px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 4px 12px #15273f04}.filter-bar-extended{flex-wrap:wrap}.filter-bar select,.search-field input{height:37px;border:1px solid #dfe6ef;border-radius:7px;background:#fff;color:#465b73;font:11px "DM Sans"}.filter-bar select{min-width:128px;padding:0 28px 0 10px}.search-field{position:relative;flex:1}.search-field span{position:absolute;top:7px;left:11px;color:#8293a6;font-size:17px}.search-field input{width:100%;padding:0 10px 0 31px}.filter-clear{align-self:center;padding:8px;color:#718196;font-size:11px;font-weight:600;text-decoration:none}.table-panel{overflow:hidden}.table-panel .panel-head{padding:19px 21px}.result-note{color:var(--muted);font-size:10px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{padding:10px 21px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f9fbfd;color:#8796a9;text-align:left;font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}td{padding:13px 21px;border-bottom:1px solid var(--line);color:#3b516b;font-size:11px}tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fafcff}td strong{color:#2b415c;font-size:11px}.badge{display:inline-block;padding:3px 7px;border-radius:5px;font-size:9px;font-weight:700}.badge.success{background:#e5f7f1;color:#17795f}.badge.warning{background:#fff4df;color:#a86c0d}.badge.neutral{background:#edf2f7;color:#65758a}.count-pill{padding:3px 8px;border-radius:99px;background:#e8f1ff;color:#2f6ec1;font-size:10px}.amber-pill{background:#fff3dd;color:#ad7011}.pagination{padding:13px 20px}.pagination nav{display:flex;justify-content:flex-end}.pagination svg{width:14px}.upload-panel{padding:37px;text-align:center}.import-grid{grid-template-columns:1.08fr .92fr}.upload-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 16px;border-radius:16px;background:#eaf1fb;color:#2f71c5;font-size:26px}.upload-panel h2,.rule-panel h2{font-size:18px}.upload-panel>p{max-width:400px;margin:8px auto 21px;color:var(--muted);font-size:12px}.upload-panel input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.upload-drop{display:grid;place-content:center;height:109px;border:1.5px dashed #b6cde6;border-radius:9px;background:#f8fbff;color:#3171bd;font-size:13px;font-weight:700;cursor:pointer}.upload-drop small{display:block;margin-top:4px;color:#8d9cae;font-size:10px;font-weight:400}.rule-panel{padding:30px}.rule-panel h2{margin-bottom:16px}.rule-panel ol{margin:0;padding:0;list-style:none}.rule-panel li{display:grid;grid-template-columns:65px 1fr;gap:8px;padding:13px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.rule-panel li b{color:#3672bb;font-size:11px}.rule-note{margin:9px 0 0;padding:9px;border-radius:6px;background:#fff6e5;color:#8e6619;font-size:10px}.communication-grid,.communication-bottom{grid-template-columns:1fr 1fr}.communication-bottom{margin-top:16px}.queue-panel{overflow:hidden}.queue-panel .panel-head{padding:20px}.queue-item{display:flex;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--line)}.avatar.small{width:29px;height:29px;background:#dff3ed;color:#217f67;font-size:11px}.amber-avatar{background:#fff0d4!important;color:#bd801e!important}.queue-action{border:1px solid #d5e3f3;border-radius:6px;background:#f8fbff;color:#2e6fc2;padding:5px 8px;font:700 9px "DM Sans";cursor:pointer}.message-preview,.audit-panel{padding:21px}.message-preview h2{font-size:15px}.message-preview>p:not(.eyebrow){color:#53677e;font-size:13px}.message-preview small{color:#8b98a7}.audit-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}.audit-row strong{display:block;color:#40536a;font-size:11px}.audit-row small{display:block;color:#8391a2;font-size:10px}.empty-state{padding:35px;color:var(--muted);font-size:12px;text-align:center}.empty-state strong{display:block;margin-bottom:4px;color:#3c526a}.empty-state p{margin:0 0 14px}.back-link{display:inline-block;margin-bottom:14px}.profile-status{align-self:center;padding:6px 10px}.profile-grid{display:grid;grid-template-columns:300px minmax(330px,1fr) minmax(360px,1.05fr);gap:16px}.profile-card,.profile-form{padding:22px}.profile-avatar{display:grid;place-items:center;width:49px;height:49px;margin-bottom:13px;border-radius:15px;background:linear-gradient(135deg,#e3f5ef,#cfeee3);color:#21846b;font:800 20px Manrope}.profile-app{margin:5px 0 18px;color:var(--muted);font-size:11px}.profile-detail{padding:11px 0;border-top:1px solid var(--line)}.profile-detail span,.property-grid span{display:block;margin-bottom:2px;color:#8593a5;font-size:10px}.profile-detail strong,.property-grid strong{display:block;color:#344a64;font-size:11px}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:17px;border-top:1px solid var(--line)}.property-grid>div{min-height:54px;padding:10px 0;border-bottom:1px solid var(--line)}.payment-banner{display:flex;align-items:center;gap:10px;margin-top:17px;padding:10px;border-radius:9px;background:#eef6ff}.payment-banner>span{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#dbeafa;color:#2d70bf;font-weight:700}.payment-banner small{display:block;color:#73859a;font-size:10px}.payment-banner strong{display:block;color:#30506f;font-size:11px}.profile-form form{margin-top:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label,.login-form label{display:block;color:#5c6f85;font-size:10px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.login-form input:not([type=checkbox]){width:100%;margin-top:5px;padding:9px 10px;border:1px solid #dce5ee;border-radius:7px;outline:0;background:#fbfcfe;color:#314a67;font:12px "DM Sans"}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.login-form input:focus{border-color:#74a9e9;box-shadow:0 0 0 3px #e7f1ff}.form-grid textarea{resize:vertical}.form-grid .full{grid-column:1/-1}.profile-form .button{margin-top:15px}.integration-status{border-color:#f0e0bf;background:#fff9ef;color:#a87725}.login-page{min-height:100vh;background:#eef3f8}.login-shell{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh}.login-aside{display:flex;flex-direction:column;padding:44px 9vw;color:#fff;background:radial-gradient(circle at 70% 25%,#315f8c 0,transparent 27%),linear-gradient(140deg,#142d4b,#173e64)}.login-copy{margin:auto 0}.login-copy h1{max-width:520px;color:#fff;font-size:43px;letter-spacing:-1.7px}.login-copy>p:not(.eyebrow){max-width:420px;margin:17px 0;color:#c4d3e2;font-size:14px}.login-copy .eyebrow{color:#83d3c6}.login-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.login-points span{padding:7px 10px;border:1px solid #476e92;border-radius:7px;background:#20496f;color:#d4e5f4;font-size:11px}.login-footer{color:#83a0ba;font-size:10px}.login-form-wrap{display:grid;place-items:center;padding:25px;background:#fff}.login-form{width:min(365px,100%)}.login-form h2{font-size:25px}.login-form>p:not(.eyebrow){margin:7px 0 26px;color:var(--muted);font-size:12px}.login-form label:not(.remember){margin-top:14px}.login-form input:not([type=checkbox]){height:42px}.login-form .remember{display:flex;align-items:center;gap:7px;margin-top:14px;color:#718197;font-weight:500}.login-form .wide{height:42px;margin-top:21px}.login-hint{display:block;margin-top:15px;color:#99a5b4;font-size:10px;text-align:center}@media(max-width:1150px){.profile-grid{grid-template-columns:280px 1fr}.profile-form{grid-column:1/-1}}@media(max-width:1080px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.sidebar{width:224px}.main-content{width:calc(100% - 224px);margin-left:224px;padding-inline:26px}}@media(max-width:760px){.sidebar{display:none}.main-content{width:100%;margin:0;padding:0 16px 30px}.topbar{height:58px}.menu-button{display:block}.breadcrumb{margin-left:12px}.page-heading{align-items:flex-start;flex-direction:column;padding-top:29px}.heading-actions{width:100%}.heading-actions .button{flex:1}.stat-grid,.import-grid,.communication-grid,.communication-bottom,.profile-grid,.login-shell{grid-template-columns:1fr}.filter-bar{flex-wrap:wrap}.filter-bar select{flex:1;min-width:0}.filter-bar-extended .search-field{flex-basis:100%}.project-row{align-items:flex-start;flex-direction:column;gap:10px}.project-name{min-width:0}.quick-panel{grid-template-columns:43px 1fr}.quick-panel .button{grid-column:1/-1;width:100%}.topbar-right{gap:8px}.sync-chip{font-size:9px}.form-grid{grid-template-columns:1fr}.login-aside{min-height:330px;padding:30px}.login-copy h1{font-size:32px}.login-form-wrap{padding:40px 24px}}