:root{--tq-purple:#6b5a86;--tq-purple-bg:#f5eef6;--tq-charcoal:#2a2a2a;--tq-gold:#c8a96e;--tq-white:#fff;--tq-acai:#f0e8f5;--tq-cupuacu:#f5efe0;--tq-manga:#edf2e8;--tq-border:#e3dced;--tq-muted:#8a82a0;color:var(--tq-charcoal);background:var(--tq-purple-bg);font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}a{color:var(--tq-purple);text-decoration:none}.app{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--tq-purple);color:var(--tq-purple-bg);padding:24px 0}.sidebar .brand{letter-spacing:.18em;padding:0 24px 4px;font-size:22px}.sidebar .brand small{letter-spacing:.25em;opacity:.7;font-size:10px;display:block}.sidebar nav{flex-direction:column;margin-top:20px;display:flex}.sidebar nav a{color:var(--tq-purple-bg);opacity:.85;border-left:3px solid #0000;padding:10px 24px;font-size:14px}.sidebar nav a:hover{opacity:1;background:#ffffff0f}.sidebar nav a.active{opacity:1;border-left-color:var(--tq-gold);background:#ffffff1a}.main{max-width:1100px;padding:32px 40px}.main h1{letter-spacing:.02em;margin:0 0 4px;font-size:26px;font-weight:400}.main .sub{color:var(--tq-muted);margin-bottom:28px;font-size:13px}.cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.card{background:var(--tq-white);border:1px solid var(--tq-border);border-radius:10px;padding:18px}.card .num{color:var(--tq-purple);font-size:30px}.card .label{color:var(--tq-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px}table{border-collapse:collapse;background:var(--tq-white);border-radius:10px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--tq-border);padding:10px 14px;font-size:13px}th{background:var(--tq-purple-bg);color:var(--tq-purple);letter-spacing:.05em;font-weight:600}.italic-val{color:var(--tq-purple);font-style:italic}.panel{background:var(--tq-white);border:1px solid var(--tq-border);border-radius:12px;padding:24px}.muted{color:var(--tq-muted)}.badge{background:var(--tq-acai);color:var(--tq-purple);border-radius:12px;padding:2px 8px;font-size:11px;display:inline-block}.coming{text-align:center;color:var(--tq-muted);border:1px dashed var(--tq-border);background:var(--tq-white);border-radius:12px;padding:40px}input,select{border:1px solid var(--tq-border);background:var(--tq-white);color:var(--tq-charcoal);border-radius:6px;width:100%;padding:6px 8px;font-family:inherit;font-size:13px}input[type=range]{padding:0}input:focus,select:focus{border-color:var(--tq-purple);outline:none}button:disabled{cursor:default}h3{font-size:16px}
