:root{--bg:#0e0f10;--panel:#17191b;--panel2:#202326;--gold:#c6a15b;--text:#f6f2e8;--muted:#aaa59b;--line:#323538;--ok:#7fb58a;--warn:#d8b15d;--bad:#d27777}*{box-sizing:border-box}body{color:#242424;background:#f4f2ed;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}.hidden{display:none!important}.app{min-height:100vh}.top{background:var(--bg);color:var(--text);z-index:20;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.logo{border:1px solid var(--gold);width:42px;height:42px;color:var(--gold);border-radius:50%;place-items:center;font-weight:800;display:grid}.brand b{display:block}.brand small{color:var(--muted)}.nav{flex-wrap:wrap;gap:6px;display:flex}.nav button,.btn{cursor:pointer;border:0;border-radius:10px;padding:10px 14px}.nav button{color:#ddd;background:0 0}.nav button.active{background:var(--gold);color:#111;font-weight:700}main{max-width:1280px;margin:auto;padding:24px}.page{display:none}.page.active{display:block}.hero{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.hero h1{margin:0 0 5px;font-size:28px}.muted{color:#777}.filters,.card,.modal-card{background:#fff;border:1px solid #e3dfd5;border-radius:16px;box-shadow:0 8px 24px #00000008}.filters{flex-wrap:wrap;gap:10px;margin-bottom:16px;padding:14px;display:flex}.filters input,.filters select,.field input,.field select,.field textarea{background:#fff;border:1px solid #d7d2c8;border-radius:10px;padding:10px 12px}.cards{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px;display:grid}.metric{padding:16px}.metric small{color:#777}.metric strong{margin-top:5px;font-size:25px;display:block}.metric .delta{color:#5c7d64;margin-top:5px;font-size:12px}.grid2{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.card{margin-bottom:16px;padding:18px}.card h2{margin:0 0 14px;font-size:18px}.bar{background:#eee9df;border-radius:20px;height:9px;margin:8px 0 14px;overflow:hidden}.bar i{background:var(--gold);border-radius:20px;height:100%;display:block}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #eee9df;padding:12px 9px}th{color:#777;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.pill{background:#eee;border-radius:20px;padding:5px 8px;font-size:12px;display:inline-block}.pill.ok{color:#315c3a;background:#e4f2e7}.pill.wait{color:#785b1d;background:#fff2d9}.pill.block{color:#666;background:#eee}.btn{color:#fff;background:#222}.btn.gold{background:var(--gold);color:#17120a;font-weight:700}.btn.light{color:#333;background:#eee9df}.btn.sm{padding:7px 9px;font-size:12px}.actions{flex-wrap:wrap;gap:7px;display:flex}.right{text-align:right}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.mobile-cards{display:none}.referral-card{padding:14px}.referral-card b{margin-bottom:5px;display:block}.survey-wrap{max-width:600px;margin:30px auto}.survey{padding:24px}.step{display:none}.step.active{display:block}.choices{gap:10px;margin:16px 0;display:grid}.choice{cursor:pointer;border:1px solid #d8d2c6;border-radius:12px;padding:14px}.choice.selected{border-color:var(--gold);background:#fbf6e9}.stars,.nps{flex-wrap:wrap;gap:7px;margin:15px 0;display:flex}.stars button,.nps button{cursor:pointer;background:#fff;border:1px solid #d8d2c6;border-radius:9px;min-width:40px;height:40px}.stars button.selected,.nps button.selected{background:var(--gold);border-color:var(--gold)}.field{margin:12px 0}.field label{color:#666;margin-bottom:5px;font-size:13px;display:block}.field input,.field select,.field textarea{width:100%}.friend{border:1px solid #e1ddd3;border-radius:12px;margin:10px 0;padding:12px}.benefit-box{background:#f8f3e8;border:1px solid #e5d5af;border-radius:12px;margin:14px 0;padding:14px}.modal{z-index:50;background:#0009;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{width:min(650px,100%);max-height:90vh;padding:22px;overflow:auto}.modal-card h2{margin-top:0}.close{float:right;cursor:pointer;background:#eee;border:0;border-radius:50%;width:34px;height:34px}.timeline{border-left:2px solid #ddd;padding-left:16px}.timeline div{margin:10px 0}.toast{color:#fff;z-index:99;background:#111;border-radius:10px;padding:12px 16px;position:fixed;bottom:20px;right:20px}.report{background:#fff;max-width:900px;margin:auto;padding:28px}.report-head{border-bottom:2px solid #222;margin-bottom:18px;padding-bottom:14px}@media (width<=900px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.top{flex-direction:column;align-items:flex-start}.desktop-table{display:none}.mobile-cards{gap:10px;display:grid}.hero{flex-direction:column;align-items:flex-start}}@media (width<=520px){main{padding:14px}.cards{grid-template-columns:1fr 1fr}.metric strong{font-size:21px}.nav{flex-wrap:nowrap;width:100%;overflow:auto}.nav button{white-space:nowrap}.survey{padding:18px}}@media print{.top,.no-print,.modal,.toast{display:none!important}body{background:#fff}.page{display:none!important}#reportPage{display:block!important}main{max-width:none;padding:0}.report{box-shadow:none;border:0;max-width:none;padding:10mm}.card{box-shadow:none;break-inside:avoid}.report .cards{grid-template-columns:repeat(4,1fr)}@page{size:A4 portrait;margin:10mm}}:focus-visible{outline-offset:3px;outline:3px solid #896718}a{color:inherit}button:disabled{opacity:.5;cursor:wait}input[type=checkbox]{width:auto}.field label,th,.pill,.btn.sm,.metric small{font-size:14px}.login{max-width:410px;margin:10vh auto;padding:30px}.login h1{letter-spacing:.08em;font-size:27px}.login .btn{width:100%;margin:10px 0}.login .brand{justify-content:center;margin-bottom:25px}.error{color:#a21d1d;background:#fff0f0;border-radius:8px;padding:12px}.empty{color:#777;text-align:center;padding:28px}.table-wrap{overflow:auto}.support{background:#f9e8b7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 24px;display:flex}.survey-link{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.survey-link code{overflow-wrap:anywhere;flex:1;min-width:200px}.brand img{object-fit:contain;width:48px;height:48px}.field input,.field select,.field textarea{min-height:44px}button{min-height:40px}.survey-top{max-width:600px;margin:30px auto 0}.survey-progress{background:#ddd;border-radius:9px;height:5px;margin-bottom:24px}.survey-progress i{background:var(--gold);height:100%;display:block}.survey h2{font-size:23px}.login small{color:#666}.check{align-items:flex-start;gap:8px;display:flex!important}.check input{flex:none;min-height:0;margin-top:3px}.hp{position:absolute;left:-10000px}.nps button{min-width:42px;height:44px}.stars button{min-width:44px;height:44px;font-size:25px}.modal-card .actions{margin-top:15px}.config-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.top .btn.light{color:#fff;background:#343434}.nowrap{white-space:nowrap}.report .cards{grid-template-columns:repeat(3,1fr)}.muted{font-size:14px}.link-button{cursor:pointer;background:0 0;border:0;text-decoration:underline;color:#333}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row>*{flex:1}.field{min-width:0}.professional-grid{margin-top:10px}.survey .actions{margin-top:20px}#qr{max-width:100%;margin:auto;display:block}.success{background:#e4f2e7;border-radius:8px;padding:12px}.top{position:relative}.cards .card{margin-bottom:0}.cards{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}.config-entry{border-bottom:1px solid #eee;padding:12px 0}.config-entry .row input{width:100%;min-width:100px}.report th{font-size:11px}@media (width<=600px){.config-grid{grid-template-columns:1fr}.survey-wrap{margin:15px auto}.survey-top{margin:20px 14px}.login{margin:5vh 14px}.top{padding:16px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.filters>*{width:100%;min-width:0}.report{padding:14px}.report .cards{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:25px}.nav{max-width:100%}.metric{padding:13px}.actions .btn{flex-grow:1}.support{padding:12px}.table-wrap th,.table-wrap td{white-space:nowrap}}@media print{.support,#announcements{display:none!important}.table-wrap{overflow:visible}.report{padding:0}.report .cards{grid-template-columns:repeat(3,1fr)}.report th,.report td{white-space:normal;font-size:10px}.report .card{padding:10px}.report .metric strong{font-size:21px}}.error:empty{display:none}