*{box-sizing:border-box}body{margin:0;background:#f6f5fb;color:#17132d;font-family:system-ui,sans-serif}button,input,select{font:inherit}a,button,input,select{touch-action:manipulation}.button,button{min-height:44px;padding:10px 16px;border:1px solid #d7d0e6;border-radius:12px;background:white;color:#35235b;cursor:pointer;font-weight:600}.button:hover,button:hover{border-color:#7955bf}button:disabled{opacity:.5;cursor:default}.button.primary,button.primary{background:#6236c7;color:white;border-color:#6236c7}button.danger{background:#b62242;color:white;border-color:#b62242}a{color:#6236c7}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #00a6bc;outline-offset:3px}header{background:#17132d;padding:16px max(20px,env(safe-area-inset-right));display:flex;align-items:center;gap:20px;flex-wrap:wrap}header,header a{color:white}.brand{font-size:24px;font-weight:800;letter-spacing:-1px}.brand small{font-size:13px;letter-spacing:0;font-weight:500;color:#c7bce5}header .identity{margin-left:auto;font-size:14px}main{max-width:1200px;margin:auto;padding:28px 20px calc(32px + env(safe-area-inset-bottom))}h1{font-size:clamp(28px,4vw,42px);letter-spacing:-1.5px;margin:8px 0 12px}h2{font-size:23px;margin:6px 0 16px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:750;color:#6b42b2}.muted{color:#6e6680;font-size:14px}.controls,.toolbar{flex-wrap:wrap;margin:16px 0}.controls,.toolbar,.toolbar label{display:flex;align-items:center;gap:10px}.card{background:white;border:1px solid #e1dceb;border-radius:20px;padding:24px;margin:18px 0;box-shadow:0 4px 16px #17132d05}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.line{margin:0;display:flex;flex-direction:column;gap:8px}.line .controls{margin-top:auto}.line-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#f0e9fc;font-size:24px}.online{color:#08765a}.offline{color:#797085}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:7px}.warning{background:#fff3d7;color:#755000}.error,.warning{border-radius:12px;padding:14px}.error{background:#ffedf1;color:#8f1634}.incoming{position:fixed;inset:0;background:#17132d88;display:flex;align-items:center;justify-content:center;z-index:10;padding:20px}.incoming .card{width:min(100%,460px);text-align:center;box-shadow:0 20px 90px #17132d55}.incoming .line-icon{margin:12px auto;animation:pulse 1.4s infinite}@keyframes pulse{50%{box-shadow:0 0 0 12px #6236c720}}label{font-size:14px;font-weight:600}form{display:grid;grid-gap:14px;gap:14px}input,select{min-height:46px;max-width:100%;width:100%;padding:10px 12px;border:1px solid #d7d0e6;background:white;color:#17132d;border-radius:10px}label input,label select{margin-top:6px}input[type=checkbox]{min-height:22px;width:22px;vertical-align:middle;margin-right:8px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row>*{flex:1 1;min-width:0}.row>button{flex:0 0 auto}.table-scroll{overflow:auto;border-radius:12px}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:14px 10px;border-bottom:1px solid #eee8f5;white-space:nowrap}td button{font-size:13px}nav{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}nav button[aria-current=page]{background:#6236c7;color:white}summary{cursor:pointer;min-height:44px;padding:12px;font-weight:650}.video-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:12px;gap:12px}.video-grid video{width:100%;max-height:55vh;border-radius:14px;background:#17132d}.remote-video{min-height:80px}.guest{max-width:640px;margin:30px auto}.guest-logo{max-height:100px;max-width:240px;object-fit:contain}.guest .primary{background:var(--primary,#6236c7);border-color:var(--primary,#6236c7)}.guest footer{text-align:center;color:#6e6680;margin-top:30px;font-size:14px}.checklist{display:flex;flex-wrap:wrap;gap:12px}.checklist label{background:#f6f3fc;padding:8px;border-radius:8px}.badge{background:#f0e9fc;padding:5px 9px;border-radius:99px;font-size:12px}.link-result{overflow-wrap:anywhere;word-break:break-word;background:#f4f0fc;padding:15px;border-radius:12px}.notice{border-left:4px solid #6236c7;padding:8px 16px}.empty{text-align:center;padding:40px;color:#6e6680}@media(max-width:768px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid{grid-template-columns:1fr}.local-video video{max-height:20vh}main{padding:20px 14px}.card{padding:18px}header{gap:10px}.identity{font-size:12px!important}}@media(max-width:430px){.grid{grid-template-columns:1fr}.row{flex-direction:column;align-items:stretch}.row>button{width:100%}nav button{flex:1 1}.toolbar label{width:100%}.toolbar select{min-width:0}.controls button{flex:1 1}header .identity{margin-left:0;width:100%}}