:root{font-family:system-ui,-apple-system,sans-serif;color:#17243b;background:#f1f4f9}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{background:#132b4b;color:white;padding:18px max(20px,calc((100vw - 1150px)/2));display:flex;justify-content:space-between;align-items:center}header strong{font-size:26px;letter-spacing:.1em}header span{display:block;font-size:12px;opacity:.75}header b{font-size:12px}main{max-width:1190px;margin:auto;padding:28px 20px}h1{font-size:27px;margin:0 0 8px}h2{font-size:23px;margin:12px 0}p{line-height:1.55;color:#53657e}.intro{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}button{border:0;background:#176bd6;color:#fff;padding:12px 17px;border-radius:10px;cursor:pointer;font:600 14px system-ui;max-width:100%}.secondary{background:#e9eef7;color:#213959}button:disabled{opacity:.5;cursor:wait}.notice{background:#e4ecf8;border-radius:12px;padding:15px;font-size:13px;line-height:1.6;color:#334c70;margin:12px 0 24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:18px}.card{background:#fff;border:1px solid #dde5f0;border-radius:17px;padding:22px;min-width:0}.card h2{overflow-wrap:anywhere}.card .actions{justify-content:flex-start}.card small{display:block;margin:8px 0;color:#627389}.status,.badge{font-size:11px;font-weight:700;letter-spacing:.05em;background:#e9eef7;color:#355785;padding:5px 9px;border-radius:20px}.modal{position:fixed;inset:0;background:#10203bc4;z-index:10;display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}.dialog{width:min(440px,100%);background:#fff;padding:27px;border-radius:20px;max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 25px 70px #06132655}.wide{width:min(590px,100%)}label{display:block;font-size:13px;font-weight:600;margin:16px 0 8px}input,textarea,select{display:block;width:100%;border:1px solid #cbd7e7;border-radius:9px;background:#fff;font:16px system-ui;padding:11px;margin-top:7px;min-width:0}textarea{resize:vertical}.row{display:flex;gap:16px}.row label{flex:1;min-width:0}.actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:20px}.error{color:#b72c3a;font-size:13px;overflow-wrap:anywhere}nav{display:flex;gap:8px;margin:20px 0}nav span{font-size:12px;background:#edf2f9;padding:8px;border-radius:7px;flex:1}.center{text-align:center}.spinner{width:54px;height:54px;border:5px solid #e4ebf5;border-top-color:#176bd6;border-radius:50%;animation:spin .8s linear infinite;margin:10px auto 20px}@keyframes spin{to{transform:rotate(360deg)}}#lines{font-size:13px;line-height:1.6;overflow-wrap:anywhere;color:#53657e;margin:20px 0}.screenbar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#132b4b;padding:10px;color:#fff}.screenbar div{display:flex;gap:7px;flex-wrap:wrap}#screen{margin-top:25px;background:#000;border-radius:14px;overflow:hidden}iframe{display:block;border:0;width:100%;height:78dvh;background:#000}#screen:fullscreen{border-radius:0;width:100vw;height:100dvh}#screen:fullscreen iframe{height:calc(100dvh - 65px)}footer{text-align:center;color:#8a98ad;font-size:12px;padding:30px}@media(max-width:600px){.intro{align-items:flex-start;flex-direction:column}.row{flex-direction:column;gap:0}.screenbar{align-items:flex-start;flex-direction:column}.dialog{padding:20px}.screenbar button{font-size:12px;padding:9px}.modal{padding:10px}}

#screen.mobile-fullscreen{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;z-index:9;border-radius:0}#screen.mobile-fullscreen iframe{height:calc(100dvh - 100px)}
