:root{--bg:#0b0b0b;--panel:#141414;--panel2:#1c1c1c;--line:#2a2a2a;--text:#f7f7f5;--muted:#9ca3af;--gold:#d4af37;--green:#22c55e;--red:#ef4444}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.shell{width:min(1180px,100% - 48px);margin:auto}.topbar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:86px;display:flex}.brand{letter-spacing:.08em;align-items:center;gap:12px;font-weight:800;display:flex}.brand-mark{border:1px solid var(--gold);width:34px;height:34px;color:var(--gold);place-items:center;font-family:Georgia,serif;font-size:20px;font-style:italic;display:inline-grid;transform:rotate(-3deg)}.nav-actions,.hero-actions{align-items:center;gap:16px;display:flex}.text-link{color:#c8c8c8;font-size:14px}.button{border:1px solid var(--gold);background:var(--gold);color:#0b0b0b;cursor:pointer;border-radius:3px;justify-content:center;align-items:center;gap:22px;padding:15px 22px;font-weight:750;display:inline-flex}.button-small{padding:10px 15px;font-size:13px}.button-ghost{color:#fff;background:0 0;border-color:#3a3a3a}.hero{text-align:center;padding:92px 0 0}.eyebrow{letter-spacing:.22em;color:#c2aa65;justify-content:center;align-items:center;gap:10px;font-size:11px;display:flex}.eyebrow span{background:var(--gold);width:24px;height:1px}.hero h1{letter-spacing:-.055em;max-width:1000px;margin:27px auto 24px;font-size:clamp(54px,7vw,94px);line-height:.98}.hero h1 em{color:var(--gold);font-family:Georgia,serif;font-weight:400}.hero>p{color:#b2b2b2;max-width:680px;margin:0 auto 34px;font-size:19px;line-height:1.6}.hero-actions{justify-content:center}.hero-product{max-width:1030px;margin:90px auto 0;position:relative}.glow{filter:blur(100px);background:#d4af3729;position:absolute;inset:-50px 20%}.browser-frame{text-align:left;background:#111;border:1px solid #39342b;border-radius:10px 10px 0 0;position:relative;overflow:hidden;box-shadow:0 30px 100px #000}.browser-bar{border-bottom:1px solid #272727;align-items:center;gap:7px;height:38px;padding:0 14px;display:flex}.browser-bar i{background:#555;border-radius:50%;width:8px;height:8px}.browser-bar span{color:#666;margin:auto;font-size:10px}.mini-dashboard{height:460px;display:flex}.mini-dashboard aside{color:#888;border-right:1px solid #292929;flex-direction:column;align-items:center;gap:34px;width:72px;padding-top:25px;display:flex}.mini-dashboard aside b{color:var(--gold);font-size:24px}.mini-content{flex:1;padding:48px}.mini-content small,.panel-title span{color:#777;letter-spacing:.14em;font-size:9px}.mini-content h3{margin:8px 0 28px;font-size:27px}.mini-stats{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.mini-stats>div{background:#191919;border:1px solid #272727;padding:18px}.mini-stats b{margin:9px 0 4px;font-size:31px;display:block}.mini-stats em{color:var(--gold);font-size:11px;font-style:normal}.green{color:var(--green)!important}.mini-chart{background:repeating-linear-gradient(#0000 0 46px,#252525 47px);border:1px solid #272727;align-items:flex-end;gap:6%;height:190px;margin-top:18px;padding:22px 6%;display:flex}.mini-chart span{background:linear-gradient(var(--gold),#56491e);border-radius:2px 2px 0 0;width:8%}.feature-section{padding:120px 0}.section-heading span{color:var(--gold);letter-spacing:.18em;font-size:11px}.section-heading h2{letter-spacing:-.04em;margin:15px 0 45px;font-size:48px}.feature-grid{border-top:1px solid #333;grid-template-columns:repeat(3,1fr);display:grid}.feature-grid article{border-right:1px solid #292929;padding:40px 32px}.feature-grid article:last-child{border:0}.feature-grid article>b{color:var(--gold);font-family:Georgia,serif;font-style:italic}.feature-grid h3{margin-top:50px;font-size:22px}.feature-grid p{color:#999;font-size:14px;line-height:1.65}.app-shell{background:#101010;min-height:100vh;display:flex}.sidebar{background:#0b0b0b;border-right:1px solid #242424;flex-direction:column;width:245px;height:100vh;padding:25px 18px;display:flex;position:fixed}.sidebar>.brand{padding:0 9px 25px}.workspace{background:#141414;border:1px solid #2a2a2a;border-radius:7px;align-items:center;gap:10px;margin-bottom:26px;padding:12px;display:flex}.workspace div{flex:1}.workspace b,.workspace small,.sidebar-foot b,.sidebar-foot small{display:block}.workspace b,.sidebar-foot b{font-size:12px}.workspace small,.sidebar-foot small{color:#777;margin-top:3px;font-size:10px}.avatar{color:#ddd;background:#292929;border-radius:50%;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.workspace .avatar{background:var(--gold);color:#111}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{color:#888;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:12px;font-size:13px}.sidebar nav button span{width:27px;display:inline-block}.sidebar nav button.active{color:#e7d18d;background:#242018}.sidebar-foot{border-top:1px solid #252525;align-items:center;gap:10px;margin-top:auto;padding:20px 8px 0;display:flex}.avatar-user{color:#d4af37;background:#2b2412}.dashboard-main{width:calc(100% - 245px);max-width:1600px;margin-left:245px;padding:35px 42px 70px}.dashboard-main header{justify-content:space-between;align-items:flex-start;margin-bottom:30px;display:flex}.breadcrumb{letter-spacing:.13em;color:#747474;font-size:9px}.dashboard-main header h1{margin:10px 0 5px;font-size:30px}.dashboard-main header p{color:#777;margin:0;font-size:13px}.header-actions{gap:8px;display:flex}.icon-button,.date-button{color:#aaa;background:#161616;border:1px solid #2b2b2b;border-radius:5px;height:37px;padding:0 13px}.icon-button{width:37px;padding:0}.date-button{font-size:11px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:7px}.stat-card{padding:20px}.stat-card>span{text-transform:uppercase;letter-spacing:.09em;color:#7d7d7d;font-size:10px}.stat-card div{justify-content:space-between;align-items:center;margin:14px 0 5px;display:flex}.stat-card b{font-size:29px}.stat-card em{color:var(--green);background:#22c55e1a;border-radius:3px;padding:4px 6px;font-size:10px;font-style:normal}.stat-card small{color:#777;font-size:10px}.dashboard-grid{grid-template-columns:2fr 1fr;gap:14px;margin-top:14px;display:grid}.panel{padding:22px}.panel-title{justify-content:space-between;align-items:flex-start;display:flex}.panel-title h2{margin:7px 0 0;font-size:16px}.panel-title button,.reviews>button{color:#bfa75b;cursor:pointer;background:0 0;border:0;font-size:11px}.line-chart{height:260px;margin-top:22px;position:relative}.line-chart svg{width:100%;height:calc(100% - 38px);position:absolute;inset:10px 0 28px}.grid-lines{background:repeating-linear-gradient(#0000 0 53px,#252525 54px);position:absolute;inset:0 0 28px}.chart-labels{color:#666;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:0;left:0;right:0}.sentiment{flex-direction:column;display:flex}.donut{background:conic-gradient(var(--gold) 0 88%,#555 88% 96%,#783b3b 96%);border-radius:50%;place-items:center;width:155px;height:155px;margin:27px auto 22px;display:grid}.donut:before{content:"";background:var(--panel);border-radius:50%;width:112px;height:112px;position:absolute}.donut>div{text-align:center;position:relative}.donut b,.donut small{display:block}.donut b{font-size:27px}.donut small{color:#777;font-size:9px}.legend{flex-direction:column;gap:10px;display:flex}.legend span{color:#888;align-items:center;font-size:10px;display:flex}.legend b{color:#ddd;margin-left:auto}.dot{background:#777;border-radius:50%;width:7px;height:7px;margin-right:8px}.gold{background:var(--gold)}.red{background:#783b3b}.reviews{margin-top:14px}.review-row{border-top:1px solid #252525;gap:13px;padding:17px 0;display:flex}.review-row:first-of-type{margin-top:15px}.review-body{flex:1}.review-body>div{align-items:center;gap:12px;display:flex}.review-body b{font-size:12px}.stars-small{color:var(--gold);letter-spacing:1px;font-size:10px}.review-body p{color:#aaa;margin:7px 0;font-size:12px}.review-body small{color:#666;font-size:9px}.review-row>button{color:#777;background:0 0;border:0}.large{max-width:900px}.topic-list{flex-direction:column;gap:16px;margin-top:26px;display:flex}.topic-list span{border-bottom:1px solid #2b2b2b;padding-bottom:12px;font-size:13px}.topic-list b{float:right;color:var(--gold)}.empty-state{text-align:center;padding:48px}.empty-state>b{color:var(--gold);font-size:48px}.empty-state p{color:#888}.location-card{max-width:800px}.location-head{border-bottom:1px solid #292929;align-items:center;gap:15px;padding-bottom:20px;display:flex}.location-head h2,.location-head p{margin:0}.location-head p{color:#777;margin-top:4px;font-size:11px}.location-head .status{color:var(--green);margin-left:auto;font-size:10px}.location-data{border-bottom:1px solid #292929;grid-template-columns:repeat(3,1fr);padding:25px 0;display:grid}.location-data small,.location-data b{display:block}.location-data small{color:#777;text-transform:uppercase;font-size:9px}.location-data b{margin-top:8px;font-size:21px}.qr-card{align-items:center;gap:20px;padding-top:22px;display:flex}.qr{border-radius:4px;width:90px;height:90px}.qr-card p{color:#777;font-size:11px}.qr-card a{color:var(--gold);font-size:11px}.bar-chart{background:repeating-linear-gradient(#0000 0 79px,#252525 80px);align-items:flex-end;gap:5%;height:420px;padding:60px 4% 0;display:flex}.bar-chart div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.bar-chart span{background:linear-gradient(var(--gold),#4b401b);border-radius:3px 3px 0 0;width:70%}.bar-chart small{color:#777;margin-top:10px}.settings-grid{grid-template-columns:minmax(500px,1fr) 340px;align-items:start;gap:28px;display:grid}.settings-panel label{color:#888;margin-top:23px;font-size:11px;display:block}.settings-panel input{color:#fff;background:#101010;border:1px solid #333;border-radius:4px;width:100%;margin-top:8px;padding:12px}.color-row{gap:10px;display:flex}.color-row input[type=color]{width:54px;height:43px;padding:4px}.upload-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:25px;display:grid}.upload-row button{color:#ddd;background:#101010;border:1px dashed #444;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;height:110px;display:flex}.upload-row b{color:var(--gold);font-size:22px}.upload-row small{color:#666;margin-top:5px}.save-button{width:100%;margin-top:25px}.phone-preview{color:#111;text-align:center;background:#f7f7f5;border:8px solid #252525;border-radius:34px;min-height:650px;padding:55px 26px 25px;position:relative;box-shadow:0 30px 80px #000}.phone-top{background:#222;border-radius:20px;width:95px;height:20px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.preview-logo,.feedback-logo{color:#fff;background:#111;border-radius:50%;place-items:center;width:72px;height:72px;margin:25px auto;font-size:22px;font-weight:900;display:grid}.phone-preview>small{letter-spacing:.16em;color:#777;font-size:8px}.phone-preview h2{margin:15px;font-family:Georgia,serif;font-size:28px}.phone-preview .stars{color:var(--accent);letter-spacing:5px;margin:30px 0;font-size:35px}.phone-preview textarea{resize:none;border:1px solid #ddd;width:100%;height:110px;padding:12px}.phone-preview button{color:#111;border:0;width:100%;margin-top:12px;padding:14px;font-weight:800}.phone-preview p{color:#999;font-size:9px}.feedback-page{background:#0b0b0b;place-items:center;min-height:100vh;padding:30px;display:grid;position:relative}.feedback-background{opacity:.9;background:radial-gradient(circle at 50% 10%,#d4af3724,#0000 40%),linear-gradient(135deg,#0b0b0b,#15130d);position:absolute;inset:0}.feedback-card{color:#111;text-align:center;background:#f7f7f5;border-radius:12px;width:min(100%,480px);min-height:680px;padding:32px 42px;position:relative;box-shadow:0 35px 100px #000}.feedback-powered{color:#777;letter-spacing:.11em;justify-content:center;align-items:center;gap:8px;font-size:9px;display:flex}.feedback-powered .brand-mark{width:23px;height:23px;font-size:13px}.feedback-logo{margin-top:45px}.feedback-copy small{letter-spacing:.18em;color:#8a7330;font-size:9px}.feedback-copy h1{margin:17px 0 12px;font-family:Georgia,serif;font-size:37px;line-height:1.08}.feedback-copy p{color:#777;font-size:13px}.rating-row{justify-content:center;gap:5px;margin:34px 0;display:flex}.rating-row button{color:#d6d2c8;cursor:pointer;background:0 0;border:0;padding:0;font-size:43px;transition:all .2s}.rating-row button.selected{color:var(--gold);transform:translateY(-2px)}.feedback-form{animation:.3s rise}.rating-message{margin-bottom:13px;font-size:12px;font-weight:700}.feedback-form textarea{resize:none;background:#fff;border:1px solid #d6d2c8;border-radius:4px;width:100%;height:100px;padding:12px}.anonymous{color:#777;align-items:center;gap:7px;margin:12px 0;font-size:10px;display:flex}.feedback-submit{color:#fff;cursor:pointer;background:#111;border:0;border-radius:3px;width:100%;padding:15px;font-weight:750;display:block}.privacy{color:#aaa;font-size:9px;position:absolute;bottom:20px;left:0;right:0}.thank-you{flex-direction:column;justify-content:center;align-items:center;display:flex}.success-icon{color:#249c4c;background:#e9f8ee;border-radius:50%;place-items:center;width:64px;height:64px;font-size:28px;display:grid}.thank-you h1{margin:23px 0 10px;font-family:Georgia,serif;font-size:44px}.thank-you p{color:#777;max-width:320px;line-height:1.6}.thank-you .feedback-submit{margin-top:20px}.reset-button{color:#777;background:0 0;border:0;margin-top:18px;text-decoration:underline}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@media (max-width:900px){.nav-actions .text-link{display:none}.hero{padding-top:70px}.hero-product{margin-top:60px}.mini-dashboard{height:360px}.mini-content{padding:28px}.feature-grid{grid-template-columns:1fr}.feature-grid article{border-bottom:1px solid #292929;border-right:0}.sidebar{width:74px;padding:22px 10px}.sidebar .brand span:last-child,.workspace div,.workspace>span:last-child,.sidebar nav button:not(.active){font-size:0}.sidebar nav button{text-align:center;font-size:0}.sidebar nav button span{width:auto;font-size:18px}.sidebar-foot div:not(.avatar){display:none}.dashboard-main{width:calc(100% - 74px);margin-left:74px;padding:28px 20px}.stat-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.phone-preview{max-width:360px;margin:auto}.header-actions{display:none}}@media (max-width:600px){.shell{width:min(100% - 28px,1180px)}.topbar{height:72px}.nav-actions .button{padding:10px;font-size:0}.nav-actions .button:after{content:"Dashboard";font-size:11px}.hero h1{font-size:48px}.hero>p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-product{display:none}.feature-section{padding-top:90px}.section-heading h2{font-size:36px}.dashboard-main header h1{font-size:23px}.stat-grid,.dashboard-grid{grid-template-columns:1fr}.chart-panel{display:none}.settings-grid{display:block}.settings-panel{padding:17px}.upload-row{grid-template-columns:1fr}.feedback-card{min-height:650px;padding:25px 22px}.feedback-copy h1{font-size:32px}.rating-row button{font-size:38px}}.feedback-logo img,.preview-logo img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.feedback-background{background-position:50%;background-size:cover}.feedback-submit:disabled,.button:disabled{opacity:.55;cursor:wait}.form-error{color:#b91c1c;background:#fee2e2;border-radius:4px;margin:10px 0;padding:9px 11px;font-size:12px}.form-success{color:#166534;background:#dcfce7;border-radius:4px;margin:10px 0;padding:9px 11px;font-size:12px}.login-page{background:radial-gradient(circle at 50% 0,#d4af3721,#0000 38%),#0b0b0b;place-items:center;min-height:100vh;padding:30px;display:grid}.login-card{background:#141414;border:1px solid #2d2a22;border-radius:10px;width:min(100%,440px);padding:42px;box-shadow:0 30px 90px #000}.login-card>.brand{margin-bottom:45px}.login-card>small{color:var(--gold);letter-spacing:.15em;font-size:9px}.login-card h1{margin:12px 0;font-family:Georgia,serif;font-size:38px}.login-card>p{color:#888;margin-bottom:28px;font-size:13px;line-height:1.55}.login-card form label{color:#aaa;margin:16px 0;font-size:11px;display:block}.login-card form input{color:#fff;background:#0c0c0c;border:1px solid #333;border-radius:4px;width:100%;margin-top:8px;padding:13px;display:block}.login-card form>.button{width:100%;margin-top:10px}.login-switch{color:#c7ad5a;cursor:pointer;background:0 0;border:0;margin:22px auto 0;font-size:11px;display:block}.setup-note{color:#d5c385;background:#241f12;border:1px solid #4b4020;border-radius:4px;padding:12px;font-size:11px;line-height:1.5}.sidebar-foot form{margin-left:auto}.logout-button{color:#777;cursor:pointer;background:0 0;border:0;font-size:16px}.logout-button:hover{color:var(--gold)}