*{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;background:#f1f5f9;color:#18314b}header{background:#12365a;color:#fff;padding:20px;display:flex;gap:20px;align-items:center}main{max-width:1100px;margin:auto;padding:18px}article,.welcome{background:#fff;border-radius:12px;padding:20px;margin:12px 0;box-shadow:0 2px 10px #12365a13}button{background:#1765ad;color:#fff;border:0;border-radius:7px;padding:11px 16px;cursor:pointer;margin:3px}button:disabled{opacity:.5}nav{display:flex;flex-wrap:wrap}input,select{padding:10px;border:1px solid #bbcbd9;border-radius:6px;width:100%;min-width:110px}label{display:block;margin:12px 0}video{background:#1c3045;width:100%;max-width:420px;border-radius:8px;display:block}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{padding:10px;border-bottom:1px solid #e2e8ef;text-align:left}#message{color:#0a5b30;font-weight:700}.welcome{display:flex;justify-content:space-between;align-items:center}