/* PROVIEW Estate OS hard reset layout */
:root{
  --pv-navy:#061b31;
  --pv-navy-2:#082642;
  --pv-gold:#d39a19;
  --pv-gold-2:#e7b33b;
  --pv-bg:#f3f6fa;
  --pv-card:#ffffff;
  --pv-text:#071b36;
  --pv-muted:#6d7d93;
  --pv-border:#e7edf5;
  --pv-sidebar:260px;
  --pv-topbar:74px;
  --pv-radius:16px;
}

html,body{height:100%;background:var(--pv-bg)!important;color:var(--pv-text);font-family:Inter, "Segoe UI", Arial, sans-serif!important;overflow-x:hidden}
*{box-sizing:border-box}
a{text-decoration:none!important}

.pv-app{min-height:100vh;background:var(--pv-bg)}
.pv-sidebar{
  position:fixed;left:0;top:0;bottom:0;width:var(--pv-sidebar);z-index:1000;
  background:linear-gradient(180deg,#061b31 0%,#061f39 55%,#061b31 100%);
  color:#fff;box-shadow:10px 0 35px rgba(5,20,37,.15);overflow:hidden;
  display:flex;flex-direction:column;
}
.pv-sidebar-brand{height:132px;display:flex;align-items:center;padding:22px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.pv-brand-link{display:flex;align-items:center;width:100%;min-width:0;color:#fff!important}
.pv-logo-mark{width:76px;height:60px;position:relative;display:inline-flex;align-items:center;justify-content:center;margin-right:12px;flex:none}
.pv-logo-mark:before{content:"";position:absolute;left:4px;bottom:13px;width:47px;height:8px;background:linear-gradient(90deg,var(--pv-gold),#ffd56e);transform:skewY(-32deg);border-radius:2px}
.pv-logo-building{position:absolute;left:10px;bottom:21px;width:10px;height:42px;background:linear-gradient(#ffd56e,#d69a1a);box-shadow:14px -12px 0 #f0bd3c,28px -22px 0 #fff;border-radius:1px}
.pv-logo-p{font-size:62px;font-weight:900;line-height:1;color:#fff;font-family:Arial Black,Arial,sans-serif;transform:translateX(16px);letter-spacing:-8px;text-shadow:0 2px 0 rgba(0,0,0,.06)}
.pv-logo-text{display:flex;flex-direction:column;line-height:1;min-width:0}
.pv-logo-text strong{font-size:22px;letter-spacing:1px;font-weight:900;color:#fff;white-space:nowrap}
.pv-logo-text strong span{color:#f0bd3c}
.pv-logo-text small{font-size:11px;letter-spacing:5px;font-weight:800;color:#fff;margin-top:7px;white-space:nowrap}

.pv-user-card{margin:20px 14px 18px;padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px}
.pv-avatar,.pv-profile-avatar{width:44px;height:44px;border-radius:50%;background:#fff;color:#071b36;font-weight:900;display:flex;align-items:center;justify-content:center;flex:none}
.pv-user-info{min-width:0;flex:1}
.pv-user-info strong{display:block;font-size:14px;color:#fff;font-weight:800}
.pv-user-info span{display:block;font-size:11px;color:#aebbd0;margin-top:3px;white-space:nowrap}
.pv-user-card svg{width:16px;color:#91a0b7}
.pv-menu-title{font-size:11px;color:#7f8da5;font-weight:900;letter-spacing:1.8px;padding:0 20px 9px}
.pv-menu{padding:0 10px;overflow-y:auto;min-height:0}
.pv-menu-item{height:46px;border-radius:12px;display:flex;align-items:center;gap:13px;color:#d7e1ee!important;font-size:14px;font-weight:800;padding:0 14px;margin:4px 0;position:relative}
.pv-menu-item svg{width:18px;height:18px;flex:none;color:#d7e1ee}
.pv-menu-item span{flex:1}
.pv-menu-item.active{background:linear-gradient(135deg,var(--pv-gold),#d69a16);color:#fff!important;box-shadow:0 10px 28px rgba(211,154,25,.28)}
.pv-menu-item:hover{background:rgba(255,255,255,.08);color:#fff!important}
.pv-menu-arrow{width:14px!important;height:14px!important;margin-left:auto}
.pv-badge{background:var(--pv-gold);color:#fff;border-radius:50%;font-size:11px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}
.pv-sidebar-footer{margin-top:auto;padding:22px 18px 25px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.04))}
.pv-mini-logo{display:flex;align-items:center;gap:10px;color:#fff}
.pv-mini-mark{font-size:32px;font-weight:900;color:#fff;position:relative}
.pv-mini-mark:before{content:"";position:absolute;left:-9px;bottom:9px;width:28px;height:6px;background:var(--pv-gold);transform:skewY(-32deg)}
.pv-mini-logo strong{font-size:13px;line-height:1.2}
.pv-sidebar-footer p{font-size:13px;line-height:1.45;color:#d7e1ee;margin:9px 0 0}

.pv-main{margin-left:var(--pv-sidebar);min-height:100vh;background:var(--pv-bg)}
.pv-topbar{
  height:var(--pv-topbar);position:sticky;top:0;z-index:900;background:#fff;border-bottom:1px solid var(--pv-border);
  display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 2px 15px rgba(11,31,57,.04)
}
.pv-topbar-left,.pv-topbar-actions{display:flex;align-items:center;gap:12px}
.pv-icon-btn,.pv-lang-pill,.pv-profile-btn{height:42px;border:1px solid var(--pv-border);background:#fff;border-radius:13px;color:#071b36;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 7px 18px rgba(7,27,54,.05);position:relative}
.pv-icon-btn{width:42px;padding:0}
.pv-icon-btn svg,.pv-lang-pill svg{width:18px;height:18px}
.pv-lang-pill{padding:0 13px;gap:6px;font-weight:900;color:#071b36}
.pv-has-badge b{position:absolute;right:-4px;top:-5px;background:#f04452;color:#fff;width:17px;height:17px;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.pv-search{height:42px;width:355px;max-width:34vw;background:#fff;border:1px solid var(--pv-border);border-radius:13px;display:flex;align-items:center;padding:0 14px;gap:10px;box-shadow:0 7px 18px rgba(7,27,54,.04)}
.pv-search input{border:0;outline:0;background:transparent;width:100%;font-size:14px;color:#071b36}
.pv-search svg{width:18px;color:#7f8da5}
.pv-profile-btn{height:46px;border:0;box-shadow:none;gap:10px;padding:0 4px 0 0;background:transparent}
.pv-profile-avatar{background:#061b31;color:#fff;width:42px;height:42px}
.pv-profile-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}
.pv-profile-text strong{font-size:14px;font-weight:900;color:#071b36}
.pv-profile-text small{font-size:11px;font-weight:700;color:#7f8da5}
.pv-dropdown-wrap{position:relative}
.pv-dropdown{display:none;position:absolute;right:0;top:54px;width:260px;background:#fff;border:1px solid var(--pv-border);border-radius:16px;box-shadow:0 20px 50px rgba(7,27,54,.14);padding:9px;z-index:2000}
.pv-dropdown.is-open{display:block}
.pv-dropdown:before{content:"";position:absolute;right:18px;top:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff}
.pv-dropdown-title{padding:8px 10px 9px;font-weight:900;color:#071b36;border-bottom:1px solid var(--pv-border)}
.pv-dropdown a{display:flex;flex-direction:column;gap:3px;padding:10px;border-radius:10px;color:#071b36!important}
.pv-dropdown a:hover{background:#f5f8fc}
.pv-dropdown a strong{font-size:13px;font-weight:900}
.pv-dropdown a span{font-size:12px;color:#6d7d93}
.pv-dropdown-footer{font-size:13px;font-weight:900;color:#1677ff;text-align:center;padding:9px;border-top:1px solid var(--pv-border)}
.pv-dropdown-profile{width:190px}
.pv-dropdown-profile a{flex-direction:row;align-items:center;font-weight:800}
.pv-dropdown-profile svg{width:16px}

.pv-content{padding:28px 28px 32px;max-width:1740px;margin:0 auto}
.pv-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 18px}
.pv-page-head h1{margin:0;font-size:27px;font-weight:900;color:#071b36;letter-spacing:-.4px}
.pv-page-head p{margin:8px 0 0;color:#6d7d93;font-size:15px}
.pv-primary-btn{height:46px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--pv-gold),#c9890c);color:#fff;font-weight:900;padding:0 22px;display:flex;align-items:center;gap:8px;box-shadow:0 18px 36px rgba(211,154,25,.25)}

.pv-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin-bottom:22px}
.pv-kpi{background:#fff;border:1px solid var(--pv-border);border-radius:16px;padding:18px 17px;display:flex;gap:14px;align-items:center;box-shadow:0 12px 35px rgba(7,27,54,.05);min-width:0;height:116px}
.pv-kpi>span{width:48px;height:48px;border-radius:13px;color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.pv-kpi .blue{background:#1677ff}.pv-kpi .green{background:#31ba73}.pv-kpi .purple{background:#7c4dff}.pv-kpi .orange{background:#ff7b1a}.pv-kpi .cyan{background:#22b8c8}.pv-kpi .red{background:#f45b66}
.pv-kpi div{min-width:0;flex:1}.pv-kpi small{display:block;font-size:13px;font-weight:900;color:#071b36}.pv-kpi strong{display:block;font-size:28px;font-weight:950;line-height:1.1;color:#071b36;margin:3px 0}.pv-kpi em{font-style:normal;font-size:12px;color:#7d8aa0}.pv-kpi b{display:block;height:4px;border-radius:10px;background:linear-gradient(90deg,var(--c) var(--w),#edf1f6 var(--w));margin-top:9px}

.pv-chart-grid{display:grid;grid-template-columns:1.15fr 1.15fr 1fr;gap:22px;margin-bottom:22px}
.pv-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;margin-bottom:22px}
.pv-card{background:#fff;border:1px solid var(--pv-border);border-radius:18px;box-shadow:0 14px 40px rgba(7,27,54,.055);padding:20px;min-width:0}
.pv-card h3{margin:0 0 17px;font-size:16px;font-weight:900;color:#071b36}
.pv-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.pv-card-head h3{margin:0}.pv-card-head button{border:1px solid var(--pv-border);background:#f8fafc;border-radius:10px;height:36px;padding:0 12px;font-weight:800;color:#071b36;display:flex;align-items:center;gap:6px}

.pv-donut-wrap{height:260px;display:flex;align-items:center;justify-content:center;gap:38px}
.pv-donut{width:205px;height:205px;border-radius:50%;background:conic-gradient(#1677ff 0 45%,#26b6c8 45% 70%,#68c586 70% 85%,#f7c948 85% 95%,#115bb5 95% 100%);display:flex;align-items:center;justify-content:center;position:relative}
.pv-donut:after{content:"";position:absolute;width:118px;height:118px;border-radius:50%;background:#fff}
.pv-donut span{position:relative;z-index:1;text-align:center;color:#344055;font-size:16px}.pv-donut strong{font-size:22px;color:#071b36}
.pv-legend{list-style:none;margin:0;padding:0;min-width:150px}.pv-legend li{display:flex;align-items:center;gap:9px;font-size:13px;color:#344055;margin:10px 0}.pv-legend i{width:12px;height:12px;border-radius:50%;display:inline-block}.pv-legend b{margin-left:auto;color:#071b36}

.pv-line-chart{height:260px;position:relative}.pv-line-chart svg{width:100%;height:220px}.pv-line-chart .grid line{stroke:#edf2f7;stroke-width:1}.pv-line-chart path{fill:none;stroke:#1677ff;stroke-width:4;stroke-linecap:round}.pv-axis{display:flex;justify-content:space-between;color:#4f5f74;font-size:12px;margin-top:-4px}
.pv-bar-chart{height:260px;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid #edf2f7;padding-top:20px}.pv-bar-chart div{width:48px;height:var(--h);border-radius:8px 8px 0 0;background:linear-gradient(180deg,#348bff,#1677ff);position:relative;text-align:center;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center}.pv-bar-chart span{position:absolute;bottom:-29px;color:#344055;font-size:12px;font-weight:500}.pv-bar-chart b{font-size:13px}

.pv-feed,.pv-appointments,.pv-property-list{display:flex;flex-direction:column;gap:0}
.pv-feed div,.pv-appointments div{min-height:44px;border-bottom:1px solid #eef2f7;display:flex;align-items:center;gap:12px}
.pv-feed time,.pv-appointments time{background:#eaf2ff;color:#1677ff;font-weight:900;border-radius:8px;padding:5px 8px;font-size:12px;flex:none}
.pv-feed span,.pv-appointments span{font-size:14px;color:#14243b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.tag{font-size:11px;border-radius:20px;padding:5px 9px}.tag.blue{background:#eaf2ff;color:#1677ff}.tag.green{background:#e8f8ef;color:#15a55a}.tag.orange{background:#fff0df;color:#f07816}.tag.purple{background:#f1eafe;color:#7c4dff}
.pv-appointments b{background:#e8f8ef;color:#16a65b;border-radius:20px;padding:5px 10px;font-size:11px}.pv-appointments b.warn{background:#fff0df;color:#f07816}
.pv-muted-btn{width:100%;height:38px;border:0;border-radius:9px;background:#eef2f6;color:#071b36;font-weight:800;margin-top:14px}
.pv-property-list div{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid #eef2f7;padding:8px 0}.pv-property-list img{width:64px;height:48px;object-fit:cover;border-radius:9px}.pv-property-list strong{display:block;font-size:14px;color:#071b36}.pv-property-list small{display:block;font-size:12px;color:#6d7d93;margin-top:3px}.pv-property-list b{font-size:14px;color:#071b36;white-space:nowrap}

.pv-sidebar-backdrop{display:none}
@media (max-width:1500px){.pv-kpi-grid{grid-template-columns:repeat(3,1fr)}.pv-chart-grid,.pv-info-grid{grid-template-columns:1fr 1fr}.pv-chart-grid .pv-card:nth-child(3),.pv-info-grid .pv-card:nth-child(3){grid-column:span 2}}
@media (max-width:991px){:root{--pv-sidebar:260px}.pv-sidebar{transform:translateX(-100%);transition:.2s}.pv-sidebar-open .pv-sidebar{transform:none}.pv-main{margin-left:0}.pv-sidebar-open .pv-sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:990}.pv-kpi-grid,.pv-chart-grid,.pv-info-grid{grid-template-columns:1fr}.pv-chart-grid .pv-card:nth-child(3),.pv-info-grid .pv-card:nth-child(3){grid-column:auto}.pv-search{max-width:none;width:240px}.pv-profile-text{display:none}}
@media (max-width:640px){.pv-content{padding:18px}.pv-topbar{padding:0 12px}.pv-search{display:none}.pv-kpi-grid{grid-template-columns:1fr}.pv-page-head{align-items:flex-start;flex-direction:column}.pv-primary-btn{width:100%;justify-content:center}}
