.view-guide{background:#fffdf5;border:1px solid #f0d78a;border-radius:12px;padding:.85rem 1rem;margin-bottom:1rem}.view-guide-purpose{margin:0;color:#333;font-size:.95rem;line-height:1.45}.view-guide-actions{margin:.55rem 0 0;padding-left:1.1rem;color:#555;font-size:.88rem;line-height:1.45}.view-guide-actions li{margin-bottom:.2rem}.section-guide{margin:0 0 .75rem}.section-guide .view-guide{margin-bottom:.75rem;background:#fafafa;border-color:var(--aisafe-border)}.kpi.tone-ok strong{color:var(--aisafe-success)}.kpi.tone-warn strong{color:var(--aisafe-warn)}.kpi.tone-danger strong{color:var(--aisafe-danger)}.link-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.4rem .9rem;font-weight:600;font-size:.85rem;background:var(--aisafe-yellow);color:#111}.link-btn:hover{background:var(--aisafe-yellow-dark)}.lesson-video{width:100%;max-height:420px;background:#111;border-radius:12px;margin-bottom:1rem}.help-chat{position:fixed;right:1.1rem;bottom:1.1rem;z-index:30}.help-chat-toggle{width:56px;height:56px;border-radius:50%;border:none;background:var(--aisafe-yellow);color:#111;font-weight:800;font-size:1.1rem;cursor:pointer;box-shadow:var(--shadow)}.help-chat-panel{position:absolute;right:0;bottom:68px;width:min(340px,calc(100vw - 2rem));background:#fff;border:1px solid var(--aisafe-border);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;max-height:420px}.help-chat-header{background:var(--aisafe-sidebar);color:var(--aisafe-yellow);padding:.75rem 1rem;font-weight:700}.help-chat-messages{padding:.85rem;overflow:auto;flex:1;display:grid;gap:.55rem;background:#f7f7f5}.help-bubble{background:#fff;border-radius:12px;padding:.55rem .7rem;font-size:.88rem;line-height:1.4;border:1px solid var(--aisafe-border)}.help-bubble.mine{background:#fff8e0;border-color:#f0d78a;justify-self:end}.help-chat-form{display:flex;gap:.4rem;padding:.65rem;border-top:1px solid var(--aisafe-border)}.help-chat-form input{flex:1;border:1px solid var(--aisafe-border);border-radius:999px;padding:.55rem .8rem}.shell{min-height:100vh;display:flex;flex-direction:column}.shell-top{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:1rem;background:var(--aisafe-yellow);padding:.75rem 1.25rem}.brand{display:flex;align-items:center;gap:.7rem}.brand-mark{width:38px;height:38px;border-radius:10px;background:#111;color:var(--aisafe-yellow);display:grid;place-items:center;font-size:1.1rem}.brand strong{display:block;line-height:1.1}.brand small,.shell-user small{display:block;color:#333;font-size:.75rem}.slogan{margin:0;font-weight:600;color:#222}.shell-user{display:flex;align-items:center;gap:.8rem;text-align:right}.shell-body{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 70px)}.shell-nav{background:var(--aisafe-sidebar);padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem}.shell-nav a{color:var(--aisafe-sidebar-text);padding:.7rem .85rem;border-radius:10px;font-weight:600;font-size:.92rem}.shell-nav a:hover,.shell-nav a.active{background:#fdb91326}.shell-main{padding:1.4rem 1.5rem 2rem}@media (max-width: 900px){.shell-top,.shell-body{grid-template-columns:1fr}.shell-nav{flex-direction:row;overflow:auto}}.demo-overlay{position:fixed;right:1rem;bottom:1rem;z-index:40;width:min(360px,calc(100vw - 2rem));background:#1f1f1e;color:#fff;border:2px solid var(--aisafe-yellow);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.demo-overlay.collapsed{width:auto}.demo-toggle{width:100%;border:none;background:var(--aisafe-yellow);color:#111;font-weight:700;padding:.7rem 1rem;cursor:pointer}.demo-body{padding:.9rem 1rem 1rem}.demo-body h3{color:var(--aisafe-yellow);margin-bottom:.35rem}.demo-body p{color:#d0d0ce;font-size:.85rem}.demo-body ul{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.55rem}.demo-body li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#2c2c2b;border-radius:10px;padding:.55rem .65rem}.demo-body strong{display:block;text-transform:uppercase;font-size:.7rem;color:var(--aisafe-yellow)}.demo-body span{display:block;font-size:.8rem}.demo-body .pwd{color:#aaa}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-hero{background:linear-gradient(160deg,#0000008c,#00000059),linear-gradient(135deg,#3c3c3b,#1a1a1a 45%,#fdb913);color:#fff;display:grid;place-items:center;padding:2rem}.login-brand{max-width:420px}.login-mark{width:56px;height:56px;border-radius:14px;background:var(--aisafe-yellow);color:#111;display:grid;place-items:center;font-size:1.4rem;margin-bottom:1rem}.login-brand h1{font-size:3rem;color:#fff}.login-brand p{color:#f0f0ee;font-size:1.1rem}.login-panel{display:grid;place-items:center;padding:2rem;background:var(--aisafe-bg)}.login-card{width:min(420px,100%)}.login-card .btn{width:100%;margin-top:.4rem}.login-error{color:var(--aisafe-danger);font-weight:600}@media (max-width: 900px){.login-page{grid-template-columns:1fr}.login-hero{min-height:220px}}.player-layout{display:grid;grid-template-columns:280px 1fr;gap:1rem;align-items:start}.player-outline h2{margin-bottom:.35rem}.outline-block{margin-top:.85rem}.outline-block ul{list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:.25rem}.outline-block button{width:100%;text-align:left;border:1px solid transparent;background:#f7f7f5;border-radius:8px;padding:.45rem .55rem;cursor:pointer;color:#222}.outline-block button.active{border-color:var(--aisafe-yellow);background:#fff8e0;font-weight:700}.lesson-html{line-height:1.6;color:#222}.lesson-html img{max-width:100%;border-radius:8px}.player-actions{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--aisafe-border)}@media (max-width: 900px){.player-layout{grid-template-columns:1fr}}:root{--aisafe-yellow: #fdb913;--aisafe-yellow-dark: #e0a40a;--aisafe-ink: #1a1a1a;--aisafe-sidebar: #3c3c3b;--aisafe-sidebar-text: #fdb913;--aisafe-bg: #f5f5f4;--aisafe-surface: #ffffff;--aisafe-border: #e6e6e4;--aisafe-muted: #6b6b68;--aisafe-danger: #c0392b;--aisafe-success: #1e7a46;--aisafe-warn: #b86e00;--font: "Segoe UI", "Helvetica Neue", Arial, sans-serif;--radius: 12px;--shadow: 0 8px 24px rgba(0, 0, 0, .08)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);color:var(--aisafe-ink);background:var(--aisafe-bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3{margin:0 0 .5rem;font-weight:700;letter-spacing:-.02em}p{margin:0 0 .75rem;color:var(--aisafe-muted);line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:none;border-radius:999px;padding:.65rem 1.1rem;cursor:pointer;font-weight:600;transition:.15s ease}.btn-primary{background:var(--aisafe-yellow);color:var(--aisafe-ink)}.btn-primary:hover{background:var(--aisafe-yellow-dark)}.btn-ghost{background:transparent;border:1px solid var(--aisafe-border);color:var(--aisafe-ink)}.btn-dark{background:var(--aisafe-sidebar);color:var(--aisafe-yellow)}.card{background:var(--aisafe-surface);border:1px solid var(--aisafe-border);border-radius:var(--radius);padding:1.1rem 1.25rem;box-shadow:var(--shadow)}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem}@media (max-width: 1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi{background:var(--aisafe-surface);border:1px solid var(--aisafe-border);border-radius:var(--radius);padding:1rem}.kpi strong{display:block;font-size:1.6rem;margin-top:.35rem}.kpi span{color:var(--aisafe-muted);font-size:.85rem}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .65rem;font-size:.78rem;font-weight:600;border:1px solid var(--aisafe-yellow);background:#fff}.pill.ok{border-color:var(--aisafe-success);color:var(--aisafe-success)}.pill.warn{border-color:var(--aisafe-warn);color:var(--aisafe-warn)}.pill.danger{border-color:var(--aisafe-danger);color:var(--aisafe-danger)}.table-wrap{overflow:auto}table.data{width:100%;border-collapse:collapse}table.data th,table.data td{text-align:left;padding:.75rem .6rem;border-bottom:1px solid var(--aisafe-border);font-size:.92rem}table.data th{color:var(--aisafe-muted);font-weight:600}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.chip{border-radius:999px;border:1px solid var(--aisafe-yellow);background:#fff;padding:.35rem .8rem;font-size:.85rem;cursor:pointer}.chip.active{background:var(--aisafe-yellow);font-weight:700}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.field input{border:1px solid var(--aisafe-border);border-radius:999px;padding:.75rem 1rem;outline:none}.field input:focus{border-color:var(--aisafe-yellow);box-shadow:0 0 0 3px #fdb91340}.muted{color:var(--aisafe-muted);font-size:.9rem}.stack{display:grid;gap:1rem}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}.progress{height:8px;background:#eee;border-radius:999px;overflow:hidden}.progress>i{display:block;height:100%;background:var(--aisafe-yellow)}.banner-warn{background:#fff7e0;border:1px solid var(--aisafe-yellow);border-radius:var(--radius);padding:.85rem 1rem;margin-bottom:1rem}