.portal-gate,.portal-app{position:fixed;inset:0;z-index:100;background:#fff;display:none}.portal-gate.open{display:grid;grid-template-columns:1.1fr .9fr}.gate-visual{background:linear-gradient(145deg,#050505,#1a1a1a);color:#fff;padding:55px 6vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.gate-visual:after{content:"";position:absolute;width:420px;height:420px;border:90px solid #e1061322;border-radius:50%;right:-170px;bottom:-150px}.gate-visual>img{width:350px;background:#fff;padding:8px;position:relative;z-index:1}.gate-visual h2{font-size:clamp(42px,5vw,76px);line-height:1;letter-spacing:-.055em;margin:12px 0 20px}.gate-visual p{color:#bbb;max-width:560px;font-size:17px;line-height:1.7}.security-note{font-size:12px;color:#aaa}.gate-form{padding:8vh 8vw;display:flex;flex-direction:column;justify-content:center;position:relative}.portal-close{position:absolute;right:30px;top:24px;border:0;background:none;font-size:30px}.gate-form h2{font-size:38px;margin:9px 0 28px;color:#111}.role-switch{display:grid;grid-template-columns:1fr 1fr;background:#eee;padding:4px;margin-bottom:24px}.role-switch button{padding:12px;border:0;background:transparent;font-weight:800}.role-switch button.active{background:#111;color:#fff;box-shadow:inset 0 -3px #e10613}.gate-form>label{font-size:13px;font-weight:700;margin:9px 0}.gate-form input[type=text],.gate-form input[type=password]{width:100%;height:50px;border:1px solid #ccc;padding:0 14px;margin-top:7px;outline:none}.gate-form input:focus{border-color:#e10613}.password-wrap{position:relative}.password-wrap button{position:absolute;right:8px;bottom:7px;height:36px;border:0;background:#eee;font-size:12px}.remember{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:14px 0 22px}.remember label{font-weight:500}.remember a{color:#d1000c}.portal-submit{height:52px;border:0;background:#e10613;color:#fff;font-weight:800}.demo-note{text-align:center;color:#888;font-size:11px}.portal-app.open{display:grid;grid-template-columns:270px 1fr}.portal-sidebar{background:#0d0d0d;color:#bbb;padding:22px 16px;display:flex;flex-direction:column;min-height:100vh}.portal-sidebar>img{width:100%;height:76px;object-fit:contain;background:#fff;padding:5px}.workspace-name{border-top:1px solid #333;border-bottom:1px solid #333;padding:17px 12px;margin:18px 0;display:flex;flex-direction:column}.workspace-name small{font-size:9px;letter-spacing:.16em;color:#777}.workspace-name b{color:#fff;margin-top:5px}.portal-sidebar nav{display:flex;flex-direction:column;gap:3px;margin:0}.portal-sidebar nav button{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:#aaa;text-align:left;padding:11px 13px;border-radius:3px;font-size:13px}.portal-sidebar nav button:hover,.portal-sidebar nav button.active{background:#242424;color:#fff;box-shadow:inset 3px 0 #e10613}.portal-sidebar nav button span:first-child{width:21px;text-align:center}.portal-logout{margin-top:auto;border:1px solid #333;background:transparent;color:#aaa;padding:12px}.portal-main{background:#f3f4f5;min-width:0;height:100vh;overflow:auto}.portal-top{height:90px;position:sticky;top:0;background:#fff;border-bottom:1px solid #ddd;padding:0 28px;display:flex;align-items:center;gap:18px;z-index:3}.portal-top>div:nth-child(2){flex:1}.portal-top small{font-size:9px;letter-spacing:.16em;color:#888}.portal-top h2{font-size:22px;margin-top:4px}.portal-menu{display:none}.portal-tools{display:flex;align-items:center;gap:9px}.portal-tools>button{border:1px solid #ddd;background:#fff;height:42px;padding:0 14px;font-weight:700}.portal-tools #globalCreate{background:#111;color:#fff;border-color:#111}.bell{position:relative}.bell i{position:absolute;width:7px;height:7px;border-radius:50%;background:#e10613;right:8px;top:8px}.avatar{width:42px;height:42px;border-radius:50%;background:#e10613;color:#fff;display:grid;place-items:center;font-weight:800}.portal-content{padding:26px;max-width:1500px;margin:auto}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.kpi{background:#fff;border:1px solid #e0e2e3;padding:19px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#e10613}.kpi small{color:#727b82}.kpi b{display:block;font:800 28px Manrope;margin:8px 0 4px}.kpi span{font-size:11px;color:#20835e}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:15px}.panel{background:#fff;border:1px solid #e0e2e3;padding:20px;margin-bottom:15px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-head h3{font-size:16px}.panel-head button{border:0;background:#f1f2f2;padding:8px 10px;font-size:11px;font-weight:700}.rent-hero{background:linear-gradient(125deg,#111,#2a2a2a);color:#fff;padding:24px;display:grid;grid-template-columns:1fr auto;gap:10px}.rent-hero small{color:#aaa}.rent-hero b{font:800 36px Manrope}.rent-hero span{color:#bbb;font-size:12px}.rent-hero button{grid-column:2;grid-row:1/4;background:#e10613;color:#fff;border:0;padding:0 20px;font-weight:800}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.quick-grid button{background:#fff;border:1px solid #ddd;padding:18px 8px;font-size:12px;font-weight:700}.quick-grid button b{display:block;font-size:22px;color:#e10613;margin-bottom:7px}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;color:#777;background:#f5f6f6;padding:11px}.data-table td{padding:12px 11px;border-bottom:1px solid #eee}.status{display:inline-flex;padding:5px 8px;border-radius:20px;font-size:10px;font-weight:800}.status.green{background:#e6f7ef;color:#14734c}.status.red{background:#fde8ea;color:#b4000c}.status.gold{background:#fff3d5;color:#876000}.activity{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid #eee}.activity>i{width:8px;height:8px;background:#e10613;border-radius:50%;margin-top:6px}.activity b,.activity span{display:block;font-size:12px}.activity span{color:#888;margin-top:3px}.profile-card{display:flex;gap:17px;align-items:center}.profile-card .big-avatar{width:64px;height:64px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:800;border:3px solid #e10613}.document-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.document{border:1px solid #ddd;padding:15px}.document b,.document span{display:block;font-size:12px}.document span{color:#888;margin-top:7px}.occupancy{height:150px;display:flex;align-items:flex-end;gap:8px;padding-top:20px}.occupancy i{flex:1;background:#111;min-height:20%;position:relative}.occupancy i:nth-child(2n){background:#e10613}.occupancy i:after{content:attr(data-label);position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-style:normal;font-size:9px;color:#777}.progress-row{margin:15px 0}.progress-row div{height:7px;background:#eee;margin-top:7px}.progress-row i{display:block;height:100%;background:#e10613}.empty-state{text-align:center;padding:70px 20px;color:#777}.empty-state b{display:block;color:#222;font-size:20px;margin:12px}.portal-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.portal-card{background:#fff;border:1px solid #ddd;padding:18px}.portal-card h3{font-size:16px;margin:9px 0}.portal-card p{font-size:12px;color:#777}.portal-card button{border:0;background:#111;color:#fff;padding:9px 12px;font-size:11px}.mobile-bottom-nav{display:none}@media(max-width:1050px){.portal-app.open{grid-template-columns:82px 1fr}.portal-sidebar>img{height:55px}.portal-sidebar .workspace-name,.portal-sidebar nav button span:last-child,.portal-logout{display:none}.portal-sidebar nav button{justify-content:center;font-size:18px}.kpi-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.portal-gate.open{grid-template-columns:1fr}.gate-visual{display:none}.gate-form{padding:70px 24px}.portal-app.open{grid-template-columns:1fr}.portal-sidebar{position:fixed;left:-280px;width:270px;z-index:9;transition:.25s}.portal-sidebar.mobile-open{left:0}.portal-sidebar .workspace-name,.portal-sidebar nav button span:last-child,.portal-logout{display:flex}.portal-sidebar nav button{justify-content:flex-start;font-size:13px}.portal-top{height:78px;padding:0 14px}.portal-menu{display:block;border:0;background:#eee;padding:9px}.portal-tools #globalCreate span{display:none}.portal-tools .bell{display:none}.portal-top h2{font-size:17px}.portal-content{padding:14px}.kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.kpi{padding:14px}.kpi b{font-size:21px}.dashboard-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.rent-hero{grid-template-columns:1fr}.rent-hero button{grid-column:auto;grid-row:auto;padding:13px}.portal-card-grid,.document-grid{grid-template-columns:1fr}.panel{padding:14px;overflow:auto}}