*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#f6f6f3;color:#242424}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.owner-app{min-height:100vh;display:flex}.owner-sidebar{width:270px;background:#191919;color:#d8d8d4;position:fixed;inset:0 auto 0 0;z-index:60;display:flex;flex-direction:column;border-right:1px solid #2c2c2c}.owner-brand{padding:21px 18px;border-bottom:1px solid #303030}.owner-brand>a{display:flex;gap:11px;align-items:center;font-size:20px;color:#fff}.owner-brand small{display:block;font-size:10px;color:#a8a8a3;font-weight:600;letter-spacing:.7px;margin-top:2px}.brand-mark{width:38px;height:38px;border-radius:11px;background:#caa44d;color:#171717;display:grid;place-items:center;font-weight:900;font-size:19px}.sidebar-close{display:none}.owner-mini-profile{margin:15px 13px;padding:12px;background:#232323;border:1px solid #343434;border-radius:13px;display:flex;gap:10px;align-items:center}.avatar,.top-avatar{overflow:hidden;background:#caa44d;color:#171717;display:grid;place-items:center;font-weight:900}.avatar{width:38px;height:38px;border-radius:10px;flex:0 0 auto}.avatar img,.top-avatar img{width:100%;height:100%;object-fit:cover}.owner-mini-profile strong{display:block;color:#fff;font-size:12px;max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owner-mini-profile small{display:block;color:#9e9e98;font-size:10px;margin-top:4px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#55a96b;margin-right:5px}.owner-nav{padding:3px 11px;overflow:auto;flex:1}.owner-nav>a,.nav-group-title{width:100%;display:flex;align-items:center;gap:11px;color:#aaa;padding:10px 12px;border-radius:9px;margin:2px 0;font-size:13px;font-weight:650;border:0;background:transparent;text-align:left;cursor:pointer}.owner-nav>a span,.nav-group-title span{width:18px;text-align:center;color:#caa44d}.owner-nav>a:hover,.owner-nav>a.active,.nav-group-title:hover{background:#292929;color:#fff}.owner-nav>a.active{box-shadow:inset 3px 0 #caa44d}.nav-group-title b{margin-left:auto;font-size:12px;color:#777;transition:.2s}.nav-group.open .nav-group-title b{transform:rotate(180deg)}.nav-sub{display:none;padding:0 0 4px 42px}.nav-group.open .nav-sub{display:block}.nav-sub a{display:block;padding:7px 7px;color:#888;font-size:11.5px;border-radius:7px}.nav-sub a:hover{color:#d9b763;background:#252525}.side-logout{margin:10px 13px 16px;padding:12px;border-top:1px solid #303030;color:#aaa;font-size:13px}.owner-main{margin-left:270px;min-width:0;width:calc(100% - 270px)}.owner-topbar{height:68px;background:#fff;border-bottom:1px solid #e8e5dc;display:flex;align-items:center;padding:0 27px;position:sticky;top:0;z-index:40}.menu-toggle{display:none;border:0;background:transparent;font-size:22px}.top-search{height:39px;width:min(410px,45%);display:flex;align-items:center;gap:8px;background:#f6f5f1;border:1px solid #e8e5dc;border-radius:9px;padding:0 12px;color:#888}.top-search input{border:0;background:transparent;outline:0;width:100%;font-size:12px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-btn{width:36px;height:36px;border:1px solid #e7e3da;background:#fff;border-radius:9px;display:grid;place-items:center;color:#555}.icon-btn:hover{border-color:#caa44d;color:#9c7827}.profile-menu{position:relative}.profile-trigger{display:flex;align-items:center;gap:8px;border:0;background:#fff;cursor:pointer;padding:4px 5px;border-radius:10px}.profile-trigger:hover{background:#f6f5f1}.top-avatar{width:31px;height:31px;border-radius:8px;font-size:12px}.profile-name{font-size:12px;font-weight:700;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dropdown{display:none;position:absolute;right:0;top:44px;background:#fff;border:1px solid #e5e2d9;border-radius:11px;box-shadow:0 14px 35px #2222;padding:6px;width:165px}.profile-menu.open .profile-dropdown{display:block}.profile-dropdown a{display:block;padding:9px 10px;font-size:12px;border-radius:7px}.profile-dropdown a:hover{background:#f5f2e9}.owner-content{padding:28px 30px;max-width:1600px;margin:auto}.owner-footer{padding:20px 30px;color:#8a8982;font-size:11px;display:flex;justify-content:space-between;border-top:1px solid #e8e5dc;margin-top:20px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:22px}.eyebrow{color:#a17d2a;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px}.page-head h1{margin:4px 0 4px;font-size:27px;letter-spacing:-.5px}.muted{color:#85847d;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border-radius:8px;border:1px solid #ddd9cf;background:#fff;color:#383733;font-size:12px;font-weight:750;cursor:pointer}.btn-gold{background:#caa44d;color:#171717;border-color:#caa44d}.btn-dark{background:#222;color:#fff;border-color:#222}.btn-soft{background:#f5f2e9;border-color:#ebe3cf}.btn-danger{color:#a33333;background:#fff4f2;border-color:#efd4ce}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.kpi-card,.card,.panel-card{background:#fff;border:1px solid #e8e5dc;border-radius:13px}.kpi-card{padding:17px;position:relative}.kpi-label{font-size:11px;color:#817f78;font-weight:700}.kpi-value{font-size:27px;font-weight:850;margin:7px 0;color:#20201e}.kpi-meta{font-size:10px;color:#9b9991}.kpi-icon{position:absolute;right:14px;top:14px;width:31px;height:31px;border-radius:8px;background:#f6f0df;color:#a27e2b;display:grid;place-items:center}.panel-card{padding:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.panel-title h3{margin:0;font-size:14px}.panel-title a{font-size:11px;color:#9b772b;font-weight:750}.two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:15px;margin-top:15px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:11px}.table th{color:#89877f;background:#faf9f5;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.table th,.table td{padding:11px 10px;border-bottom:1px solid #efede7;text-align:left;vertical-align:middle;white-space:nowrap}.table tr:last-child td{border-bottom:0}.badge{display:inline-flex;padding:5px 8px;border-radius:99px;font-size:9px;font-weight:800;text-transform:capitalize;background:#f1f0eb;color:#666}.badge.green{background:#e9f5ec;color:#397344}.badge.gold{background:#f8f0da;color:#8c6b24}.badge.red{background:#faeaea;color:#963e3e}.badge.blue{background:#eaf1f7;color:#45687f}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick{padding:11px;border:1px solid #e9e5dc;border-radius:9px;font-size:11px;font-weight:750;background:#fff}.quick:hover{border-color:#caa44d;background:#fffcf4}.progress{height:7px;background:#eceae3;border-radius:20px;overflow:hidden}.progress>span{display:block;height:100%;background:#caa44d}.activity{display:flex;gap:11px;padding:10px 0;border-bottom:1px solid #efede7}.activity:last-child{border-bottom:0}.activity-dot{width:25px;height:25px;border-radius:50%;background:#f6f0df;color:#9c7828;display:grid;place-items:center;font-size:10px;flex:0 0 auto}.activity strong{font-size:11px;display:block}.activity small{font-size:9px;color:#96948c}.empty{text-align:center;padding:28px;color:#97958e;font-size:12px}.form-card{background:#fff;border:1px solid #e8e5dc;border-radius:13px;padding:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:800;color:#5d5b55;text-transform:uppercase;letter-spacing:.5px}.field input,.field select,.field textarea{width:100%;border:1px solid #ddd9cf;border-radius:8px;padding:10px 11px;background:#fff;color:#333;outline:0;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#caa44d;box-shadow:0 0 0 3px #caa44d18}.field textarea{min-height:115px;resize:vertical}.form-actions{display:flex;gap:8px;margin-top:17px}.profile-cover{height:180px;border-radius:14px 14px 0 0;background:#262626 center/cover no-repeat;position:relative}.profile-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#111b,transparent)}.profile-head{background:#fff;border:1px solid #e8e5dc;border-top:0;border-radius:0 0 14px 14px;padding:0 20px 20px;display:flex;align-items:end;gap:15px}.profile-logo{width:90px;height:90px;margin-top:-45px;border:5px solid #fff;border-radius:15px;object-fit:cover;background:#caa44d;position:relative;z-index:2}.profile-title{padding-top:9px;flex:1}.profile-title h1{margin:0;font-size:21px}.profile-title p{margin:5px 0 0;font-size:11px;color:#838078}.verify{color:#997527;font-weight:800}.tabs{display:flex;gap:5px;border-bottom:1px solid #e8e5dc;margin-top:17px;overflow:auto}.tabs a{padding:10px 12px;font-size:11px;color:#777;border-bottom:2px solid transparent;white-space:nowrap}.tabs a.active{color:#8f6d26;border-color:#caa44d;font-weight:800}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.media-item{aspect-ratio:1;border:1px solid #e5e1d8;border-radius:10px;overflow:hidden;background:#f7f6f2;position:relative}.media-item img{width:100%;height:100%;object-fit:cover}.media-item .media-remove{position:absolute;right:6px;top:6px;background:#fff;border:0;border-radius:50%;width:26px;height:26px;cursor:pointer;color:#a33}.toast{position:fixed;right:25px;top:82px;z-index:100;padding:11px 15px;background:#222;color:#fff;border-radius:9px;box-shadow:0 10px 25px #0002;font-size:11px}.toast.success{border-left:3px solid #caa44d}.toast.error{border-left:3px solid #a33}.toast.hide{opacity:0;transition:.4s}.sidebar-overlay{display:none}.chart-bars{height:180px;display:flex;align-items:end;gap:7px;padding-top:15px}.chart-bar{flex:1;background:#caa44d44;border:1px solid #caa44d;border-bottom:3px solid #caa44d;border-radius:5px 5px 0 0;min-height:5px;position:relative}.chart-bar span{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-size:8px;color:#8b8981}.notice{padding:11px;border-radius:8px;font-size:11px;background:#f7f2e5;color:#765b1f;margin-bottom:12px}.status-line{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #efede7}.status-line:last-child{border-bottom:0}.upload-box{border:1.5px dashed #d8d2c4;border-radius:10px;padding:20px;text-align:center;background:#fcfbf8}.upload-box input{margin-top:8px}.stars{color:#bd922e;letter-spacing:1px}.switch{display:inline-flex;align-items:center;gap:8px;font-size:11px}.switch input{accent-color:#b78f35}.modal-note{font-size:10px;color:#89877f}@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.owner-sidebar{transform:translateX(-100%);transition:.25s}.owner-sidebar.show{transform:none;box-shadow:15px 0 40px #0005}.owner-main{margin-left:0;width:100%}.menu-toggle{display:block;margin-right:12px}.sidebar-close{display:block;position:absolute;right:13px;top:21px;background:transparent;border:0;color:#fff;font-size:24px}.sidebar-overlay.show{display:block;position:fixed;inset:0;background:#0007;z-index:55}.top-search{width:auto;flex:1}.profile-name,.top-actions>.icon-btn{display:none}.owner-content{padding:20px 15px}.page-head{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.profile-head{align-items:flex-start;flex-wrap:wrap}.profile-logo{margin-top:-35px}.grid-3{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.grid-4,.grid-3{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}.owner-topbar{padding:0 12px}.owner-footer{padding:18px 15px;flex-direction:column;gap:5px}.kpi-value{font-size:24px}.profile-head .btn{width:100%}}

/* Final shared responsive workspace polish */
.owner-shell,.owner-app,.owner-main,.owner-content{min-width:0}.owner-content{overflow-x:hidden}.table-wrap{max-width:100%;overflow-x:auto}.form-card,.panel-card,.kpi-card{max-width:100%}.menu-toggle{cursor:pointer;color:#172033}.owner-sidebar.show{z-index:100}.sidebar-overlay.show{z-index:90}
@media(max-width:800px){.owner-topbar{min-height:64px;height:auto}.top-search{min-width:0}.owner-content{padding:20px 14px}.grid-4,.grid-3,.two-col{min-width:0}.page-head{width:100%}.page-head .btn{max-width:100%}}

/* === MetroMitra Owner Dashboard Responsive UI v3 === */
.owner-app{min-width:0;overflow-x:hidden}.owner-main{min-width:0}.owner-content{box-sizing:border-box;width:100%;min-width:0}.owner-topbar{gap:12px}.owner-topbar .menu-toggle{display:inline-flex!important;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid #dfe5ec;border-radius:11px;background:#fff;color:#172033;cursor:pointer;flex:0 0 42px;box-shadow:0 5px 15px rgba(15,23,42,.06)}.owner-topbar .menu-toggle:hover{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.owner-app.sidebar-collapsed .owner-sidebar{transform:translateX(-100%)}.owner-app.sidebar-collapsed .owner-main{margin-left:0;width:100%}.owner-sidebar{transition:transform .24s ease,box-shadow .24s ease}.owner-sidebar.show{transform:none;box-shadow:16px 0 45px rgba(15,23,42,.18)}
.owner-content .page-head{gap:18px;flex-wrap:wrap}.owner-content .grid-4,.owner-content .grid-3,.owner-content .two-col{min-width:0}.owner-content .panel-card,.owner-content .kpi-card,.owner-content .form-card{min-width:0;overflow:hidden}.owner-content .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.owner-content img{max-width:100%}
@media(min-width:801px){.owner-topbar .menu-toggle{display:inline-flex!important}.owner-app.sidebar-collapsed .owner-topbar{padding-left:18px}.owner-sidebar{transform:none}}
@media(max-width:1100px){.owner-content{padding:22px 20px}.owner-content .two-col{grid-template-columns:1fr}.owner-content .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-content .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.owner-sidebar{transform:translateX(-100%)}.owner-sidebar.show{transform:none}.owner-main{margin-left:0!important;width:100%!important}.owner-topbar{min-height:64px;height:auto;padding:10px 12px}.owner-content{padding:18px 14px}.owner-content .page-head{align-items:flex-start;flex-direction:column}.owner-content .page-head h1{font-size:30px;line-height:1.12}.top-search{flex:1;min-width:0;width:auto}.top-actions .icon-btn{display:none}.profile-name{display:none}.profile-trigger{padding:4px}.owner-content .grid-4,.owner-content .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-content .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-content .form-grid{grid-template-columns:1fr}.owner-content .field.full{grid-column:auto}.owner-content .profile-head{flex-wrap:wrap;align-items:flex-start}.owner-content .profile-head .btn{width:100%}.sidebar-overlay.show{display:block;position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:55}}
@media(max-width:560px){.owner-content{padding:16px 12px}.owner-content .grid-4,.owner-content .grid-3,.owner-content .quick-grid{grid-template-columns:1fr}.owner-content .page-head .btn{width:100%;box-sizing:border-box}.owner-content .doc-grid,.owner-checklist{grid-template-columns:1fr}.owner-content .media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-content .table{font-size:10px}.owner-footer{padding:16px 12px}.top-search{display:none}}


/* Phase 15: professional responsive shell and click-to-open navigation */
.owner-topbar .menu-toggle,.internal-top .menu-toggle{display:inline-grid!important;place-items:center;flex:0 0 40px;width:40px;height:40px;margin-right:14px;border:1px solid #e2e8f0;border-radius:11px;background:#fff;color:#172033;cursor:pointer}
.owner-topbar .menu-toggle:hover,.internal-top .menu-toggle:hover{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}
.owner-sidebar,.internal-sidebar{transition:transform .24s ease,box-shadow .24s ease}
.owner-sidebar{box-shadow:8px 0 28px rgba(15,23,42,.08)}
.owner-app.sidebar-collapsed .owner-sidebar{transform:translateX(-100%)}
.owner-app.sidebar-collapsed .owner-main{margin-left:0;width:100%}
.internal-app .internal-sidebar{transform:translateX(-100%)}
.internal-app:not(.sidebar-collapsed) .internal-sidebar{transform:translateX(0)}
.internal-app .internal-main{margin-left:0;width:100%}
.internal-app.sidebar-collapsed .internal-sidebar{transform:translateX(-100%)}
.internal-app:not(.sidebar-collapsed) .internal-main{margin-left:270px;width:calc(100% - 270px)}
.internal-app .internal-sidebar.show{transform:translateX(0)}
@media(max-width:800px){
 .owner-app:not(.sidebar-collapsed) .owner-sidebar,.internal-app:not(.sidebar-collapsed) .internal-sidebar{transform:translateX(0)}
 .internal-app:not(.sidebar-collapsed) .internal-main{margin-left:0;width:100%}
 .owner-topbar,.internal-top{gap:8px}
 .owner-topbar .menu-toggle,.internal-top .menu-toggle{margin-right:4px}
}