:root{color-scheme:dark;font-family:Sora,sans-serif;line-height:1.5;font-weight:400;--bg: #0c0e13;--bg-2: #10131a;--surface: #171b24;--surface-2: #1f2430;--surface-3: #252b38;--text: #f5f6f8;--muted: #a7adbb;--accent: #f4b660;--accent-2: #00b76a;--danger: #ff5a5f;--stroke: rgba(255, 255, 255, .08);--shadow: 0 20px 50px rgba(0, 0, 0, .35);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px circle at 20% -10%,rgba(244,182,96,.2),transparent 55%),radial-gradient(900px circle at 90% 0%,rgba(0,183,106,.18),transparent 60%),#0c0e13;color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;position:relative;overflow:hidden}.app-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(500px circle at 15% 10%,rgba(244,182,96,.12),transparent 60%),radial-gradient(600px circle at 85% 15%,rgba(0,183,106,.12),transparent 55%);pointer-events:none;z-index:0}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem 3vw;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0e13cc;border-bottom:1px solid var(--stroke)}.brand{display:flex;align-items:center;gap:.9rem}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#f4b660,#fbe4b3);display:grid;place-items:center;font-weight:700;color:#1a1410;letter-spacing:.5px}.brand-copy{display:flex;flex-direction:column;gap:.2rem}.brand-title{font-size:1.05rem;font-weight:600}.brand-sub{color:var(--muted);font-size:.8rem}.nav{display:flex;gap:.4rem;padding:.4rem;background:var(--surface);border-radius:999px;border:1px solid var(--stroke)}.nav-item{background:transparent;border:none;color:var(--muted);padding:.45rem .85rem;border-radius:999px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.nav-item.active,.nav-item:hover{color:var(--text);background:var(--surface-2)}.top-actions{display:flex;gap:.7rem}.primary-btn,.ghost-btn,.outline-btn,.chip-btn{border-radius:999px;padding:.6rem 1.1rem;border:1px solid transparent;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease}.primary-btn{background:linear-gradient(135deg,#f4b660,#f1a141);color:#1b1410;box-shadow:0 12px 30px #f4b66033}.primary-btn:hover{transform:translateY(-1px)}.ghost-btn{background:transparent;border:1px solid var(--stroke);color:var(--text)}.ghost-btn:hover{border-color:#f4b66066}.outline-btn{background:transparent;border:1px solid rgba(244,182,96,.5);color:var(--accent)}.chip-btn{background:var(--surface-2);color:var(--text);padding:.35rem .75rem;font-size:.75rem}.app-main{position:relative;z-index:1;padding:2rem 3vw 5rem;display:flex;flex-direction:column;gap:2.5rem}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);gap:2rem}.hero-gallery{display:grid;grid-template-columns:1fr .5fr;gap:1rem}.gallery-main{min-height:320px;border-radius:24px;background:linear-gradient(140deg,#ffffff0d,#fff0),url(https://images.unsplash.com/photo-1503951914875-452162b0f3f1?auto=format&fit=crop&w=1200&q=80) center/cover no-repeat;position:relative;box-shadow:var(--shadow);overflow:hidden}.gallery-overlay{position:absolute;left:1.5rem;bottom:1.5rem;padding:.8rem 1rem;background:#0c0e13b3;border-radius:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:.2rem}.gallery-overlay span{color:var(--muted);font-size:.8rem}.gallery-overlay strong{font-family:Bebas Neue,sans-serif;font-size:1.4rem;letter-spacing:.04em}.gallery-stack{display:grid;gap:1rem}.gallery-tile{border-radius:18px;background:var(--surface-2);min-height:95px;box-shadow:var(--shadow)}.tile-one{background:linear-gradient(120deg,#ffffff26,#0000001a),url(https://images.unsplash.com/photo-1501196354995-cbb51c65aaea?auto=format&fit=crop&w=500&q=80) center/cover no-repeat}.tile-two{background:linear-gradient(120deg,#0003,#ffffff14),url(https://images.unsplash.com/photo-1517832606294-1c6e4b41f0fe?auto=format&fit=crop&w=500&q=80) center/cover no-repeat}.tile-three{background:linear-gradient(120deg,#ffffff1f,#0000001a),url(https://images.unsplash.com/photo-1521498542256-5aeb47ba2f2c?auto=format&fit=crop&w=500&q=80) center/cover no-repeat}.hero-card{background:var(--surface);border-radius:24px;border:1px solid var(--stroke);padding:1.6rem;display:flex;flex-direction:column;gap:1.2rem;box-shadow:var(--shadow)}.hero-card-header{display:flex;align-items:center;gap:.9rem}.avatar{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#f4b660,#f1a141);color:#1b1410;font-weight:700;display:grid;place-items:center}.avatar.small{width:40px;height:40px;border-radius:12px}.hero-title{margin:0;font-size:1.2rem;font-weight:600}.hero-sub{margin:0;color:var(--muted);font-size:.85rem}.hero-info{display:grid;gap:.8rem}.hero-label{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.policy-card{background:var(--surface-2);border-radius:18px;padding:1rem;border:1px solid var(--stroke);display:flex;flex-direction:column;gap:.7rem}.policy-card h4{margin:0;font-size:.95rem}.policy-card p{margin:0;color:var(--muted);font-size:.85rem}.hero-actions{display:flex;gap:.8rem}.dashboard{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5rem}.panel{background:var(--surface);border-radius:24px;border:1px solid var(--stroke);padding:1.5rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1.2rem}.agenda-panel{grid-column:span 7}.sales-panel{grid-column:span 5}.metrics-panel{grid-column:span 12}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.panel-header h3{margin:0;font-size:1.1rem}.panel-header h3,.section-header h2,.hero-title{font-family:Bebas Neue,sans-serif;letter-spacing:.04em}.panel-header p{margin:.2rem 0 0;color:var(--muted);font-size:.85rem}.agenda-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:1.2rem}.mini-calendar{background:var(--surface-2);border-radius:18px;padding:1rem;border:1px solid var(--stroke)}.calendar-header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin-bottom:.7rem;color:var(--muted)}.calendar-nav button{background:transparent;border:none;color:var(--text);font-size:1rem;cursor:pointer}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.3rem;text-align:center}.calendar-week span{font-size:.7rem;color:var(--muted)}.calendar-day{background:transparent;border:none;color:var(--text);padding:.4rem 0;border-radius:10px;cursor:pointer;font-size:.8rem}.calendar-day.muted{color:#a7adbb66}.calendar-day.active{background:#f4b66033;color:var(--accent);font-weight:600}.agenda-list{display:flex;flex-direction:column;gap:.8rem}.agenda-item{display:flex;align-items:center;gap:1rem;padding:.8rem;background:var(--surface-2);border-radius:16px;border:1px solid var(--stroke)}.agenda-time{font-weight:600;min-width:68px}.agenda-info{flex:1}.agenda-client{margin:0;font-weight:600}.agenda-meta{margin:.2rem 0 0;color:var(--muted);font-size:.8rem}.agenda-actions{display:flex;flex-direction:column;gap:.4rem;align-items:flex-end}.status-pill{background:#00b76a33;color:var(--accent-2);padding:.2rem .6rem;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.sales-summary{display:flex;justify-content:space-between;gap:1rem;background:var(--surface-2);padding:1rem;border-radius:18px;border:1px solid var(--stroke)}.sales-total{font-size:1.5rem;font-weight:700;margin:.4rem 0 0}.sales-list{display:grid;gap:.7rem}.sales-item{display:flex;align-items:center;justify-content:space-between;background:var(--surface-2);border-radius:14px;padding:.8rem;border:1px solid var(--stroke)}.sales-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;color:var(--muted);font-size:.8rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}.metric-card{background:var(--surface-2);border-radius:16px;padding:1rem;border:1px solid var(--stroke)}.metric-label{margin:0;color:var(--muted);font-size:.8rem}.metric-row{margin-top:.6rem;display:flex;justify-content:space-between;align-items:center}.metric-trend{color:var(--accent);font-size:.85rem}.section{display:flex;flex-direction:column;gap:1.4rem}.section-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.section-header h2{margin:0;font-size:1.3rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.service-card{background:var(--surface);border-radius:18px;border:1px solid var(--stroke);padding:1rem;display:flex;justify-content:space-between;align-items:center}.service-card p{margin:.2rem 0 0;color:var(--muted);font-size:.85rem}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.team-card{background:var(--surface);border-radius:18px;border:1px solid var(--stroke);padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.team-card h4{margin:0}.team-card p{margin:.2rem 0 0;color:var(--muted);font-size:.8rem}.crm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.crm-card{background:var(--surface);border-radius:18px;border:1px solid var(--stroke);padding:1.2rem;display:flex;flex-direction:column;gap:1rem}.crm-card p{margin:.2rem 0 0;color:var(--muted);font-size:.85rem}.crm-actions{display:flex;gap:.6rem}.crm-tasks{display:grid;gap:.6rem}.crm-task{display:flex;justify-content:space-between;padding:.6rem;background:var(--surface-2);border-radius:12px;border:1px solid var(--stroke)}@media(max-width:1100px){.hero{grid-template-columns:1fr}.dashboard{grid-template-columns:repeat(1,minmax(0,1fr))}.agenda-panel,.sales-panel,.metrics-panel{grid-column:auto}.agenda-grid{grid-template-columns:1fr}}@media(max-width:860px){.topbar{flex-direction:column;align-items:flex-start}.nav{flex-wrap:wrap}.top-actions{width:100%}.top-actions button{flex:1}.hero-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
