:root{--orange:#f97316;--orange-dark:#d95b0b;--ink:#202126;--muted:#737984;--line:#e7e8eb;--surface:#fff;--canvas:#f6f7f9;--shadow:0 12px 35px rgba(31,33,38,.08)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas)}body{margin:0;font-size:16px}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.guest-body{min-height:100vh;background:#fff}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-brand{position:relative;overflow:hidden;background:linear-gradient(140deg,#1c1d20 0%,#2d2f35 100%);color:#fff;padding:clamp(2rem,6vw,6rem);display:flex;flex-direction:column;justify-content:space-between}.login-brand:after{content:"";position:absolute;width:520px;height:520px;border:90px solid rgba(249,115,22,.12);border-radius:50%;right:-220px;bottom:-220px}.login-brand img{width:270px;height:150px;object-fit:contain;object-position:center;background:white;border-radius:18px;padding:12px;position:relative;z-index:1}.login-brand div{max-width:620px;position:relative;z-index:1}.login-brand span,.eyebrow{color:var(--orange);font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.login-brand h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:.98;margin:.8rem 0 1.4rem;letter-spacing:-.05em}.login-brand p{color:#c8cad0;font-size:1.08rem;line-height:1.7;max-width:530px}.login-panel{width:min(440px,80%);margin:auto}.login-heading h2{font-size:2.2rem;margin:.6rem 0}.login-heading p{color:var(--muted);margin:0 0 2rem}.form-stack{display:grid;gap:1.2rem}.form-stack label{display:grid;gap:.5rem;font-weight:700;font-size:.9rem}.form-stack input,.toolbar input,.toolbar select{border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;background:#fff;outline:none}.form-stack input:focus,.toolbar input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(249,115,22,.12)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;border:0;border-radius:12px;padding:.85rem 1.2rem;font-weight:800;cursor:pointer}.button-primary{background:var(--orange);color:#fff;box-shadow:0 8px 20px rgba(249,115,22,.2)}.button-primary:hover{background:var(--orange-dark)}.button-block{width:100%;margin-top:.5rem}.login-help{text-align:center;color:var(--muted);font-size:.82rem;margin-top:1.5rem}.alert{padding:.9rem 1rem;border-radius:10px;margin-bottom:1rem}.alert.error{color:#9b1c1c;background:#fff1f1}.alert.success{color:#17663a;background:#effbf4}.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#202126;color:#f4f4f5;padding:1.5rem 1rem;display:flex;flex-direction:column;z-index:10}.brand{display:flex;justify-content:center;background:#fff;border-radius:15px;margin:0 .35rem 2rem;height:95px;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain;padding:4px}.sidebar nav{display:grid;gap:.35rem}.nav-link{display:flex;align-items:center;gap:.8rem;padding:.85rem 1rem;border-radius:10px;color:#bfc2c8;font-weight:650}.nav-link span{font-size:1.3rem;width:24px;text-align:center}.nav-link small{margin-left:auto;color:#8b8e95;font-size:.65rem}.nav-link:hover,.nav-link.active{background:#32343a;color:#fff}.nav-link.active{box-shadow:inset 3px 0 var(--orange)}.nav-link.disabled{opacity:.55}.sidebar-footer{margin-top:auto;border-top:1px solid #3a3c41;padding:1rem .4rem 0;display:flex;align-items:center;gap:.7rem}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--orange);font-weight:900}.sidebar-footer div:nth-child(2){display:grid;min-width:0}.sidebar-footer strong{font-size:.85rem}.sidebar-footer span{color:#a9acb2;font-size:.72rem}.sidebar-footer form{margin-left:auto}.sidebar-footer button{border:0;background:transparent;color:#aaa;font-size:1.2rem;cursor:pointer}.main-content{grid-column:2;padding:2.2rem clamp(1.2rem,3vw,3.2rem)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.topbar h1{margin:.25rem 0 0;font-size:2rem;letter-spacing:-.035em}.menu-toggle{display:none}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.25rem;display:flex;gap:1rem;box-shadow:0 5px 20px rgba(40,42,47,.03)}.metric-card.accent{border-top:3px solid var(--orange)}.metric-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#fff1e8;color:var(--orange);font-size:1.4rem;flex:0 0 auto}.metric-icon.green{background:#eaf8f0;color:#2a9d5b}.metric-icon.amber{background:#fff6df;color:#b37800}.metric-icon.gray{background:#eff0f2;color:#737984}.metric-card div{display:grid}.metric-card span:not(.metric-icon){color:var(--muted);font-size:.78rem}.metric-card strong{font-size:1.8rem;margin:.15rem 0}.metric-card small{color:#9a9da5;font-size:.68rem}.dashboard-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:1rem}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.4rem;box-shadow:0 5px 20px rgba(40,42,47,.03)}.panel-heading{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:1rem}.panel-heading h2{font-size:1.15rem;margin:.3rem 0 0}.panel-heading>a{font-size:.8rem;color:var(--orange);font-weight:800}.empty-state{text-align:center;padding:4rem 1rem;color:var(--muted)}.empty-state>div{width:56px;height:56px;border-radius:50%;background:#fff1e8;color:var(--orange);display:grid;place-items:center;margin:auto;font-size:1.5rem}.empty-state h3{color:var(--ink);margin:1rem 0 .4rem}.empty-state p{margin:0;font-size:.88rem}.empty-state.compact{padding:3rem}.quick-panel>a{display:flex;align-items:center;gap:.9rem;padding:1rem .3rem;border-bottom:1px solid var(--line)}.quick-panel>a:last-child{border:0}.quick-panel>a>span{width:38px;height:38px;border-radius:10px;background:#fff1e8;color:var(--orange);display:grid;place-items:center;font-size:1.2rem}.quick-panel>a>div{display:grid;flex:1}.quick-panel>a strong{font-size:.88rem}.quick-panel>a small{color:var(--muted);font-size:.72rem}.quick-panel>a b{color:#aaa}.toolbar{display:flex;gap:.7rem;margin-bottom:1rem}.search-box{flex:1;border:1px solid var(--line);border-radius:12px;padding-left:1rem;display:flex;align-items:center;color:#999}.search-box input{border:0;width:100%;box-shadow:none!important}.toolbar select{min-width:170px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;padding:.8rem;border-bottom:1px solid var(--line)}td{padding:.9rem .8rem;border-bottom:1px solid var(--line);font-size:.85rem}.property-cell{display:flex;align-items:center;gap:.75rem;min-width:270px}.property-thumb{width:58px;height:46px;border-radius:8px;background:linear-gradient(135deg,#ddd,#f1f1f1)}.property-cell>div:last-child{display:grid}.property-cell span{color:var(--muted);font-size:.75rem}.status{padding:.35rem .65rem;border-radius:20px;font-size:.7rem;font-weight:800}.status-published{background:#eaf8f0;color:#247e4b}.status-draft{background:#fff6df;color:#926500}.status-archived{background:#eff0f2;color:#686c74}.icon-button{border:0;background:transparent;font-weight:900;cursor:pointer}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.login-brand{padding:3rem}.login-brand h1{font-size:3rem}}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:270px;padding:1.5rem}.login-brand img{width:180px;height:95px}.login-brand h1{font-size:2.2rem}.login-brand p{display:none}.login-panel{padding:2.5rem 0}.admin-shell{display:block}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main-content{padding:1.2rem}.menu-toggle{display:block;border:0;background:#fff;border-radius:10px;padding:.7rem}.topbar .button{font-size:0}.topbar .button:after{content:'+';font-size:1.2rem}.metric-grid{grid-template-columns:1fr}.toolbar{flex-direction:column}.toolbar select{width:100%}}