:root{--bg:#f7f4ee;--card:#fdfbf7;--border:#e2dccf;--text:#14232b;--muted:#4a5760;--teal:#1f7a70;--teal-soft:#e3f0ee;--saffron:#e3a02f;--saffron-soft:#fbf0db;--red:#b4483c;--red-soft:#f8e5e2;--dark:#14232b;--radius:16px;--font:"DM Sans", "Noto Sans Devanagari", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:16px/1.5 var(--font)}h1,h2,h3{margin:0;line-height:1.25}h1{font-size:28px;font-weight:700}h2{font-size:20px;font-weight:700}h3{font-size:16px;font-weight:700}p{margin:0}a{color:var(--teal)}button,input,select,textarea{font:inherit;color:inherit}.topbar{background:var(--card);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:24px;padding:12px 32px;display:flex}.brand{align-items:center;gap:12px;font-weight:700;display:flex}.brand img.client{object-fit:contain;max-width:140px;height:32px}.brand .divider{background:var(--border);width:1px;height:28px}.brand .chaukas{align-items:center;gap:8px;display:flex}.brand .chaukas img{width:28px;height:28px}.nav{flex-wrap:wrap;flex:1;gap:4px;display:flex}.nav a{color:var(--muted);border-radius:999px;padding:8px 14px;font-weight:600;text-decoration:none}.nav a.active{background:var(--teal-soft);color:var(--teal)}.who{color:var(--muted);align-items:center;gap:12px;font-size:14px;display:flex}main{max-width:1280px;margin:0 auto;padding:28px 32px 64px}.page-head{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.page-head h1{flex:1}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.grid-3,.grid-2{grid-template-columns:1fr}main{padding:20px 16px 48px}.topbar{padding:12px 16px}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card.dark{background:var(--dark);color:#fff;border-color:var(--dark)}.card.dark .muted{color:#c9d1d5}.card h2{margin-bottom:12px}.muted{color:var(--muted)}.small{font-size:14px}.big-number{font-size:36px;font-weight:700;line-height:1.1}.footer-note{color:var(--muted);text-align:center;margin-top:28px;font-size:14px}.btn{border:1px solid var(--teal);background:var(--teal);color:#fff;cursor:pointer;white-space:nowrap;border-radius:28px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn.outline{color:var(--teal);background:0 0}.btn.quiet{border-color:var(--border);color:var(--text);background:0 0}.btn.danger{border-color:var(--red);color:var(--red);background:0 0}.btn.small{min-height:34px;padding:0 14px;font-size:14px}.link-btn{color:var(--teal);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.field{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.field>span.hint{color:var(--muted);font-weight:400}input[type=text],input[type=email],input[type=number],input[type=search],select,textarea{border:1px solid var(--border);background:#fff;border-radius:12px;width:100%;min-height:44px;padding:10px 12px;font-size:16px;font-weight:400}textarea{resize:vertical;min-height:84px;line-height:1.5}input:focus,select:focus,textarea:focus,.btn:focus-visible,.nav a:focus-visible{outline:2px solid var(--teal);outline-offset:1px}input.missing,textarea.missing{border-color:var(--saffron);background:#fffaf0}.check{cursor:pointer;align-items:center;gap:8px;font-weight:400;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--teal)}.filters{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.filters select,.filters input{width:auto;min-width:160px}.segmented{border:1px solid var(--border);background:#fff;border-radius:999px;padding:3px;display:inline-flex}.segmented button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-weight:600;display:inline-flex}.segmented button.on{background:var(--teal);color:#fff}.dot{background:var(--saffron);border-radius:50%;width:8px;height:8px;display:inline-block}.dot.ok{background:var(--teal)}.chip{border:1px solid var(--border);color:var(--muted);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-flex}.chip.draft{background:#fff}.chip.in-review{background:var(--saffron-soft);border-color:var(--saffron);color:#7a520e}.chip.approved{background:var(--teal-soft);border-color:var(--teal);color:var(--teal)}.chip.retired{color:var(--muted);background:#eeeae2}.chip.sample{background:var(--saffron-soft);border-color:var(--saffron);color:#7a520e}.chip button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-size:15px}.chips{flex-wrap:wrap;gap:6px;display:flex}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:8px 12px;font-size:13px;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:top;padding:12px}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover td,tr.selected td{background:#f3efe6}.table-card{padding:4px 8px;overflow-x:auto}.bar{background:#ebe6db;border-radius:6px;height:12px;overflow:hidden}.bar>div{background:var(--teal);height:100%}.card.dark .bar{background:#2e3f48}.card.dark .bar>div{background:var(--saffron)}.bar-row{grid-template-columns:200px 1fr 120px;align-items:center;gap:12px;padding:6px 0;display:grid}@media (width<=700px){.bar-row{grid-template-columns:1fr;gap:4px}}.notice{border:1px solid var(--border);background:var(--card);border-radius:12px;padding:12px 16px}.notice.warn{background:var(--saffron-soft);border-color:var(--saffron)}.notice.error{background:var(--red-soft);border-color:var(--red)}.notice.ok{background:var(--teal-soft);border-color:var(--teal)}.notice ul{margin:6px 0 0;padding-left:20px}.empty{text-align:center;color:var(--muted);padding:40px 20px}.with-panel{grid-template-columns:1fr 400px;align-items:start;gap:20px;display:grid}.panel{max-height:calc(100vh - 32px);position:sticky;top:16px;overflow-y:auto}@media (width<=1100px){.with-panel{grid-template-columns:1fr}.panel{max-height:none;position:static}}.editor{grid-template-columns:1fr 360px;align-items:start;gap:24px;display:grid}.editor .preview-col{position:sticky;top:16px}@media (width<=1100px){.editor{grid-template-columns:1fr}.editor .preview-col{position:static}}.response{border-left:6px solid var(--border)}.response.best{border-left-color:var(--teal)}.response.risky{border-left-color:var(--saffron)}.response.wrong{border-left-color:var(--red)}.sticky-actions{background:var(--bg);border-top:1px solid var(--border);z-index:2;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;display:flex;position:sticky;bottom:0}.audio{flex-wrap:wrap;align-items:center;gap:8px;font-weight:400;display:flex}.audio audio{max-width:260px;height:34px}.pictures{flex-wrap:wrap;gap:12px;display:flex}.picture{border:2px solid var(--border);cursor:pointer;text-align:center;background:#fff;border-radius:12px;width:150px;padding:6px;font-size:13px}.picture.on{border-color:var(--teal)}.picture svg{border-radius:6px;width:100%;height:auto;display:block}.phone{border:10px solid var(--dark);background:var(--bg);border-radius:32px;width:320px;margin:0 auto;overflow:hidden}.phone .screen{flex-direction:column;gap:12px;height:600px;padding:16px;display:flex;overflow-y:auto}.phone .screen .title{font-size:22px;font-weight:700;line-height:1.3}.phone .screen .body{font-size:18px;line-height:1.5}.phone .listen{border:1px solid var(--teal);color:var(--teal);background:#fff;border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:14px;font-weight:600}.phone .option{text-align:left;border:1px solid var(--border);background:var(--card);border-radius:var(--radius);cursor:pointer;gap:10px;padding:12px;font-size:17px;display:flex}.phone .option .letter{background:var(--teal-soft);width:28px;height:28px;color:var(--teal);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.phone .main{border-radius:28px;min-height:52px;margin-top:auto;font-size:17px}.phone .banner{border-radius:var(--radius);padding:12px 16px;font-size:18px;font-weight:700}.phone .banner.best{background:var(--teal);color:#fff}.phone .banner.risky{background:var(--saffron);color:var(--dark)}.phone .banner.wrong{background:var(--red-soft);color:var(--red)}.phone .say{background:var(--dark);color:#fff;border-radius:var(--radius);padding:14px}.phone .remember{background:var(--saffron-soft);border:1px solid var(--saffron);border-radius:var(--radius);padding:14px}.phone .missing-text{color:#a77a1f;font-style:italic}.phone svg{border-radius:12px;width:100%;height:auto;display:block}.signin{max-width:440px;margin:80px auto;padding:0 16px}.signin .card{flex-direction:column;gap:16px;padding:28px;display:flex}.signin .logo{align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.signin .logo img{width:40px;height:40px}.table-card table{min-width:720px}
