/* Shared polish for standalone portfolio concept demos. */
:root{--demo-ink:#111820;--demo-red:#d71920;--demo-paper:#f4f2ec;--demo-line:rgba(17,24,32,.12)}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;background:var(--demo-paper)!important;color:var(--demo-ink)!important}
body::before{content:"SAVOKA CONCEPT DEMO";position:fixed;right:14px;bottom:14px;z-index:9999;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(11,16,22,.88);color:#fff;font-size:10px;font-weight:800;letter-spacing:.1em;backdrop-filter:blur(12px)}
.header{background:#111820!important;border-bottom:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important}
.header h1{color:#fff!important}
.header .logo,.logo{color:#ef4048!important;letter-spacing:-.03em}
.nav-links a,.header a{color:#d8dee4!important}
.container{max-width:1180px!important}
.hero{background:#111820!important;color:#fff!important;padding:5rem 0!important}
.hero h1{color:#fff!important;font-size:clamp(2.6rem,6vw,5rem)!important;line-height:1!important;letter-spacing:-.055em}
.hero p{color:#b7c0c8!important;max-width:680px;margin-inline:auto}
.btn,button{border:0!important;border-radius:10px!important;background:var(--demo-red)!important;color:#fff!important;font-weight:700!important;box-shadow:0 10px 25px rgba(215,25,32,.18)!important}
.card,.product-card,.feature-card,.stat-card,.chart-container,.transactions,.course-card,.property-card,.dashboard-card,.appointment-card{border:1px solid var(--demo-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 12px 34px rgba(17,24,32,.06)!important;color:var(--demo-ink)!important}
.card h3,.product-card h3,.feature-card h3,.stat-card h3,.transactions h3{color:var(--demo-ink)!important}
.product-price,.metric-value,.stat-value{color:var(--demo-red)!important}
.sidebar{background:#111820!important}.sidebar .logo{color:#ef4048!important}.menu-item.active{background:var(--demo-red)!important}
.main-content{background:var(--demo-paper)!important;min-height:100vh}
.stats{background:#111820!important}
.footer{background:#0b1016!important}
table{background:#fff;border-radius:12px;overflow:hidden}th{background:#ebe8e1!important;color:#37414b!important}
@media(max-width:700px){body::before{right:8px;bottom:8px}.nav-links{display:none!important}.sidebar{position:relative!important;width:100%!important;height:auto!important;overflow:hidden}.sidebar-menu{display:flex;max-width:100%;overflow-x:auto}.menu-item{white-space:nowrap}.main-content{width:100%!important;margin-left:0!important;padding:1rem!important;overflow:hidden}.dashboard-grid{width:100%!important;grid-template-columns:minmax(0,1fr)!important}.dashboard-grid>*{width:100%!important;min-width:0!important;overflow-x:auto}table{min-width:560px}}