@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');
:root{--ink:#24325b;--purple:#7051c5;--line:#e0d6ef}*{box-sizing:border-box}body{margin:0;font:16px 'DM Sans',sans-serif;background:radial-gradient(circle at 95% 0,#e9e1ff,transparent 30%),#fffaf1;color:var(--ink)}header{padding:20px 5%;background:#fffaf1;border-bottom:2px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.brand{font:800 26px 'Plus Jakarta Sans';color:#6148b4;text-decoration:none}nav{display:flex;gap:16px;flex-wrap:wrap}a{color:#6148b4}nav a{font-weight:700;text-decoration:none}main{max-width:1150px;padding:38px 24px;margin:auto}h1,h2,h3{font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:-.7px}h1{font-size:38px;line-height:1.2}h2{font-size:26px}p{line-height:1.65}.muted,.hint{color:#65708c;font-size:14px}.pill{display:inline-block;background:#f0e7ff;color:#6648b0;border-radius:25px;padding:8px 14px;font-size:13px;font-weight:700}.panel{background:#fff;border:2px solid var(--line);border-radius:24px;padding:26px;margin:25px 0;box-shadow:0 7px 0 #ebe1f4}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:20px}.card{border:2px solid #e3d9f0;border-radius:22px;padding:22px;background:white;box-shadow:0 6px 0 #e3d9f0}.card h3{margin:12px 0}.role-icon{font-size:40px}.btn,button{display:inline-block;text-decoration:none;background:#7051c5;color:white;border:2px solid #5a3ea9;border-radius:15px;padding:12px 18px;font:700 15px 'DM Sans',sans-serif;box-shadow:0 5px 0 #49358e;cursor:pointer;margin:5px 6px 8px 0}.btn:active,button:active{transform:translateY(4px);box-shadow:none}.secondary{background:white;color:#5a3ea9;border-color:#d1c2e7;box-shadow:0 4px 0 #d1c2e7}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e4a72d;outline-offset:3px}label{display:block;font-weight:600;margin:14px 0 7px}input,select,textarea{width:100%;font:inherit;border:2px solid #ddd2eb;border-radius:12px;background:white;padding:12px;color:var(--ink)}textarea{min-height:90px}form{max-width:650px}.row{display:flex;gap:18px;align-items:end;flex-wrap:wrap}.row>div{flex:1;min-width:150px}.status{background:#f4edff;color:#543993;padding:15px 20px;border-radius:14px;white-space:pre-wrap;margin:18px 0}.error{background:#ffebe3;color:#8b3523}.code{font-family:monospace;background:#fff2cb;padding:10px 14px;border-radius:12px;letter-spacing:2px;user-select:all}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}td,th{padding:15px;border-bottom:1px solid #e9e1f0;vertical-align:top}th{background:#f5f0fc}td p{margin:3px 0;max-width:340px;white-space:pre-wrap;overflow-wrap:anywhere}.bar{height:9px;background:#eee7f6;border-radius:10px;margin:10px 0}.bar span{display:block;height:100%;background:#8c6bd9;border-radius:10px}.hidden{display:none!important}.book-cover{width:100%;height:230px;object-fit:contain;background:#eee6fc;border-radius:12px}.empty{padding:25px;border:2px dashed #d9cce9;border-radius:18px;color:#69708a}summary{cursor:pointer;font-weight:700}footer{padding:30px;text-align:center;color:#65708c;font-size:13px}dialog{max-width:600px;width:92vw;border:2px solid #d6c8ec;border-radius:22px;color:var(--ink);padding:25px}dialog::backdrop{background:#25224999}.close{float:right}.stats{display:flex;gap:15px;flex-wrap:wrap;margin:25px 0}.stats>div{background:#fff1c9;border:2px solid #eed38c;border-radius:18px;padding:15px 24px}.stats b{display:block;font-size:30px;color:#6148b4}.sound-panel{position:fixed;right:15px;bottom:15px;z-index:30;background:white;border:2px solid #dccded;border-radius:20px;padding:7px 13px;box-shadow:0 5px 0 #cbb9e2;display:flex;align-items:center;gap:8px}.sound-panel button{margin:0;padding:10px}.sound-panel label{font-size:11px;margin:0}.sound-panel input{padding:0;width:65px}footer{padding-bottom:120px}@media(max-width:600px){h1{font-size:30px}.panel{padding:20px}.grid{grid-template-columns:1fr}.row{align-items:stretch}.btn,button{font-size:14px}.table-wrap{margin:0 -12px}}

.role-icon{font-size:72px;display:block;line-height:1.2;margin-bottom:18px}.dashboard-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.dashboard-link{display:block;color:var(--ink);text-decoration:none;transition:.15s}.dashboard-link:nth-child(3n+2){background:#e4f5ee;border-color:#bfdfd0;box-shadow:0 7px 0 #a7cdbb}.dashboard-link:nth-child(3n){background:#fff1cd;border-color:#efce8b;box-shadow:0 7px 0 #dfbc73}.dashboard-link:hover{transform:translateY(-3px)}.danger{background:#b84e49;border-color:#9a3632;box-shadow:0 5px 0 #7b2a27;color:white}.back{display:inline-block;margin-bottom:24px;font-weight:700}dialog .close{position:sticky;top:0}button:disabled{cursor:default}