:root{--fluent-blue:#0078d4;--fluent-blue-hover:#106ebe;--fluent-blue-active:#005a9e;--neutral-dark:#323130;--neutral-secondary:#605e5c;--neutral-light:#f3f2f1;--neutral-white:#fff;--neutral-border:#edebe9;--input-border:#8a8886;--input-border-hover:#323130;--error-red:#d13438;--success-green:#107c41;--shadow:0 1.6px 3.6px 0 #0002, 0 .3px .9px 0 #0000001c;--font-family:"Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--neutral-light);color:var(--neutral-dark);font-family:var(--font-family);min-height:100vh;padding:24px}.container{flex-direction:column;gap:20px;width:100%;max-width:1300px;margin:0 auto;display:flex}.fluent-header-card{background-color:var(--neutral-white);border:1px solid var(--neutral-border);box-shadow:var(--shadow);border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.title-box h1{color:var(--neutral-dark);font-size:20px;font-weight:600}.title-box p{color:var(--neutral-secondary);margin-top:4px;font-size:13px}.auth-box{align-items:center;gap:8px;display:flex}.workspace{grid-template-columns:280px 1fr;gap:20px;display:grid}@media (width<=900px){.workspace{grid-template-columns:1fr}}.fluent-card{background-color:var(--neutral-white);border:1px solid var(--neutral-border);box-shadow:var(--shadow);border-radius:4px;flex-direction:column;gap:16px;padding:24px;display:flex}.fluent-card h2{border-bottom:1px solid var(--neutral-border);color:var(--neutral-dark);justify-content:space-between;align-items:center;padding-bottom:8px;font-size:15px;font-weight:600;display:flex}.tabs-header{border-bottom:1px solid var(--neutral-border);gap:16px;margin-bottom:16px;display:flex}.tab-btn{color:var(--neutral-secondary);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-family);background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 4px}.tab-btn:hover{color:var(--neutral-dark)}.tab-btn.active{color:var(--fluent-blue);border-bottom-color:var(--fluent-blue)}.form-group{text-align:left;margin-bottom:16px}.form-group label{color:var(--neutral-secondary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.fluent-input{border:1px solid var(--input-border);width:100%;height:32px;font-size:14px;font-family:var(--font-family);color:var(--neutral-dark);background-color:var(--neutral-white);border-radius:2px;outline:none;padding:0 12px;transition:border-color .15s}.fluent-input:hover{border-color:var(--input-border-hover)}.fluent-input:focus{border-color:var(--fluent-blue);border-width:1.5px}.fluent-textarea{border:1px solid var(--input-border);width:100%;min-height:180px;color:var(--neutral-dark);resize:vertical;background-color:var(--neutral-white);border-radius:2px;outline:none;padding:10px 12px;font-family:Consolas,Monaco,monospace;font-size:13px;transition:border-color .15s}.fluent-textarea:hover{border-color:var(--input-border-hover)}.fluent-textarea:focus{border-color:var(--fluent-blue);border-width:1.5px}.fluent-button{background-color:var(--fluent-blue);height:32px;color:var(--neutral-white);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-family);border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;padding:0 16px;text-decoration:none;transition:background-color .15s;display:inline-flex}.fluent-button:hover{background-color:var(--fluent-blue-hover)}.fluent-button:active{background-color:var(--fluent-blue-active)}.fluent-button-secondary{border:1px solid var(--input-border);height:32px;color:var(--neutral-dark);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-family);background-color:#0000;border-radius:2px;justify-content:center;align-items:center;padding:0 16px;text-decoration:none;transition:background-color .15s;display:inline-flex}.fluent-button-secondary:hover{background-color:var(--neutral-light)}.fluent-button-danger{background-color:var(--error-red);color:var(--neutral-white)}.fluent-button-danger:hover{background-color:#a80000}.table-container{max-height:480px;overflow-y:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--neutral-border);padding:8px 10px}th{color:var(--neutral-secondary);background-color:var(--neutral-light);z-index:10;font-weight:600;position:sticky;top:0}tr:hover td{background-color:var(--neutral-light)}.actions{gap:8px;display:flex}.action-link{color:var(--fluent-blue);cursor:pointer;font-weight:600;text-decoration:none}.action-link:hover{color:var(--fluent-blue-hover)}.action-link-danger{color:var(--error-red)}.status-msg{border-radius:2px;margin-top:12px;padding:8px 12px;font-size:13px}.status-error{color:var(--error-red);background-color:#fde7e9;border:1px solid #fbc4c4}.status-success{color:var(--success-green);background-color:#dff6dd;border:1px solid #c1f0b4}.fluent-spinner{border:3px solid var(--neutral-border);border-top-color:var(--fluent-blue);border-radius:50%;width:28px;height:28px;margin:20px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.qr-box{background:var(--neutral-light);border:1px dashed var(--neutral-border);border-radius:4px;flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex}.qr-svg-wrapper svg{box-shadow:var(--shadow);background:#fff;border-radius:2px;max-width:180px;padding:8px;display:block}